+91-8886464412
info@rrinfradesigns.com
RR INFRA AND DESIGNS
Home About Us Services Portfolio Gallery Testimonials Contact
RR INFRA AND DESIGNS
Home About Us Services Portfolio Gallery Testimonials Contact FAQ
+91-8886464412 info@rrinfradesigns.com
Our Gallery

Our Gallery

Explore our completed projects.

Home / Our Gallery
Project Gallery

Our Gallery

Explore selected interiors, villas, construction work, and property projects.

Luxury Interior Design

Luxury Interior Design

Premium home interiors
Modular Kitchen Design

Modular Kitchen Design

Modular kitchens and wardrobes
Luxury Villas Sheelanagar

Luxury Villas Sheelanagar

Villa construction projects
Modern Home Decor

Modern Home Decor

Elegant home styling
Construction Services

Construction Services

Design and construction execution
Residential Project

Residential Project

Residential property projects
Start Your Project
Follow us
\n\n', 'section_css': '/* Scoped to [s-defe4d-0] */\n [data-section-scope="s-defe4d-0"] {\n --primary-color: #8B7D6B;\n --color-primary: #8B7D6B;\n --secondary-color: #2C2C2C;\n --color-secondary: #2C2C2C;\n --heading-font: Outfit;\n --font-heading: Outfit;\n --body-font: DM Sans;\n --font-body: DM Sans;\n}\n\n/* layout: layout_src_page_header_dark */\n [data-section-scope="s-defe4d-0"] .ph-section {position:relative;padding:7rem 1.5rem 4rem;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}\n [data-section-scope="s-defe4d-0"] .ph-bg {position:absolute;inset:0}\n [data-section-scope="s-defe4d-0"] .ph-bg img {width:100%;height:100%;object-fit:cover}\n [data-section-scope="s-defe4d-0"] .ph-overlay {position:absolute;inset:0}\n [data-section-scope="s-defe4d-0"] .ph-content {position:relative;z-index:2;text-align:center;max-width:700px}\n [data-section-scope="s-defe4d-0"] .ph-label {display:inline-block;margin-bottom:.75rem;padding:.35rem 1rem}\n [data-section-scope="s-defe4d-0"] .ph-title {margin:0 0 .75rem}\n [data-section-scope="s-defe4d-0"] .ph-subtitle {margin:0 0 1rem;max-width:500px;margin-left:auto;margin-right:auto}\n [data-section-scope="s-defe4d-0"] .ph-rule {width:40px;height:2px;margin:0 auto 1rem}\n [data-section-scope="s-defe4d-0"] .ph-bc-sep {margin:0 .5rem}\n@media(max-width:768px){\n [data-section-scope="s-defe4d-0"] .ph-section {padding:6rem 1rem 3rem;min-height:220px}}\n [data-section-scope="s-defe4d-0"] .ph-bg-grad {position:absolute;inset:0}\n\n/* typography: typo_src_page_header_dark */\n [data-section-scope="s-defe4d-0"] .ph-label {font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary,#8B7D6B)}\n [data-section-scope="s-defe4d-0"] .ph-title {font-family:var(--font-heading,\'Outfit\',serif);font-size:clamp(2rem,4.5vw,3rem);font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.01em}\n [data-section-scope="s-defe4d-0"] .ph-subtitle {font-size:1rem;color:rgba(255,255,255,.6);line-height:1.6}\n [data-section-scope="s-defe4d-0"] .ph-breadcrumb {font-size:.8rem;color:rgba(255,255,255,.4)}\n [data-section-scope="s-defe4d-0"] .ph-bc-link {color:rgba(255,255,255,.5);text-decoration:none}\n [data-section-scope="s-defe4d-0"] .ph-bc-sep {opacity:.4}\n [data-section-scope="s-defe4d-0"] .ph-bc-current {color:var(--color-primary,#8B7D6B)}\n\n/* background: bg_src_page_header_dark */\n [data-section-scope="s-defe4d-0"] .ph-section {background:var(--color-secondary,#2C2C2C)}\n [data-section-scope="s-defe4d-0"] .ph-overlay {background:linear-gradient(180deg,rgba(44,44,44,.5),rgba(44,44,44,.8))}\n [data-section-scope="s-defe4d-0"] .ph-label {background:rgba(139,125,107,.12)}\n [data-section-scope="s-defe4d-0"] .ph-rule {background:var(--color-primary,#8B7D6B)}\n [data-section-scope="s-defe4d-0"] .ph-bg-grad {background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary,#4F46E5) 50%,#0f172a),color-mix(in srgb,var(--color-primary,#4F46E5) 25%,#1e293b))}\n\n/* animation: anim_src_page_header_dark */\n [data-section-scope="s-defe4d-0"] .ph-bc-link {transition:color .3s}\n [data-section-scope="s-defe4d-0"] .ph-bc-link:hover {color:var(--color-primary,#8B7D6B)}\n\n/* effects: fx_src_page_header_dark */\n [data-section-scope="s-defe4d-0"] .ph-bg img {filter:brightness(.3) saturate(.8)}\n [data-section-scope="s-defe4d-0"] .ph-label {border-radius:50px;border:1px solid rgba(139,125,107,.2)}\n', 'section_js': '', 'composition_scope': 's-defe4d-0', 'data_source_type': '', 'data_model_path': '', 'api_endpoint': '', 'loader_config': '{}'}, {'section_id': 'section-gallery-1', 'section_key': 'struct_gallery_grid', 'category': 'gallery', 'rendered_html': '
\n
\n
\n Project Gallery\n

Our Gallery

\n

Explore selected interiors, villas, construction work, and property projects.

\n
\n
\n\n
\n \n
\n
\n \n Luxury Interior Design\n \n
\n
\n
\n

Luxury Interior Design

\n Premium home interiors\n
\n
\n \n
\n
\n \n Modular Kitchen Design\n \n
\n
\n
\n

Modular Kitchen Design

\n Modular kitchens and wardrobes\n
\n
\n \n
\n
\n \n Luxury Villas Sheelanagar\n \n
\n
\n
\n

Luxury Villas Sheelanagar

\n Villa construction projects\n
\n
\n \n
\n
\n \n Modern Home Decor\n \n
\n
\n
\n

Modern Home Decor

\n Elegant home styling\n
\n
\n \n
\n
\n \n Construction Services\n \n
\n
\n
\n

Construction Services

\n Design and construction execution\n
\n
\n \n
\n
\n \n Residential Project\n \n
\n
\n
\n

Residential Project

\n Residential property projects\n
\n
\n \n
\n
Start Your Project
\n
\n\n \n
\n
\n \n \n \n
\n \n
\n
\n
\n
\n
\n\n\n\n\n\n
', 'section_css': '/* Scoped to [s-a4fe19-1] */\n [data-section-scope="s-a4fe19-1"] {\n --primary-color: #8B7D6B;\n --color-primary: #8B7D6B;\n --secondary-color: #2C2C2C;\n --color-secondary: #2C2C2C;\n --heading-font: Outfit;\n --font-heading: Outfit;\n --body-font: DM Sans;\n --font-body: DM Sans;\n}\n\n/* layout: layout_src_gallery_grid */\n/* Layout – Gallery Grid (Equal Cards) */\n [data-section-scope="s-a4fe19-1"] .gml-section { padding: 4rem 1.5rem; }\n [data-section-scope="s-a4fe19-1"] .gml-container { max-width: 76rem; margin: 0 auto; }\n [data-section-scope="s-a4fe19-1"] .gml-header { text-align: center; margin-bottom: 3rem; }\n [data-section-scope="s-a4fe19-1"] .gml-label { display: inline-block; margin-bottom: 0.75rem; padding: 0.3rem 1rem; }\n [data-section-scope="s-a4fe19-1"] .gml-title { margin: 0 0 0.75rem; }\n [data-section-scope="s-a4fe19-1"] .gml-subtitle { max-width: 600px; margin: 0 auto 0.75rem; }\n [data-section-scope="s-a4fe19-1"] .gml-rule { width: 50px; height: 2px; margin: 0 auto; }\n\n [data-section-scope="s-a4fe19-1"] .gml-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }\n [data-section-scope="s-a4fe19-1"] .gml-item { position: relative; overflow: hidden; border-radius: 10px; aspect-ratio: 1/1; cursor: pointer; }\n [data-section-scope="s-a4fe19-1"] .gml-img-wrap { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #f5f5f5; }\n [data-section-scope="s-a4fe19-1"] .gml-img-wrap img { width: 100%; height: 100%; object-fit: contain; padding: 6px; display: block; }\n\n [data-section-scope="s-a4fe19-1"] .gml-zoom-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.25s ease; background: rgba(0,0,0,0.4); border-radius: 50%; }\n [data-section-scope="s-a4fe19-1"] .gml-item:hover .gml-zoom-icon { opacity: 1; }\n\n [data-section-scope="s-a4fe19-1"] .gml-item-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem; background: linear-gradient(transparent, rgba(0,0,0,0.6)); transform: translateY(100%); transition: transform 0.3s ease; }\n [data-section-scope="s-a4fe19-1"] .gml-item:hover .gml-item-overlay { transform: translateY(0); }\n [data-section-scope="s-a4fe19-1"] .gml-item-title { margin: 0 0 0.25rem; color: #fff; font-size: 0.9rem; }\n [data-section-scope="s-a4fe19-1"] .gml-item-cap { color: rgba(255,255,255,0.8); font-size: 0.8rem; }\n\n [data-section-scope="s-a4fe19-1"] .gml-footer { text-align: center; margin-top: 2.5rem; }\n [data-section-scope="s-a4fe19-1"] .gml-cta { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 2rem; }\n\n@media (max-width: 768px) {[data-section-scope="s-a4fe19-1"] .gml-grid{ grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}[data-section-scope="s-a4fe19-1"] .gml-section{ padding: 3rem 1rem;}}\n@media (max-width: 480px) {[data-section-scope="s-a4fe19-1"] .gml-grid{ grid-template-columns: 1fr 1fr; gap: 0.75rem;}}\n\n [data-section-scope="s-a4fe19-1"] .gml-lightbox { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-backdrop { position: absolute; inset: 0; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-close { position: absolute; top: 1rem; right: 1rem; z-index: 10; padding: 0.5rem; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-prev,\n [data-section-scope="s-a4fe19-1"] .gml-lb-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; padding: 0.75rem; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-prev { left: 1rem; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-next { right: 1rem; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-content { position: relative; z-index: 5; max-width: 90vw; max-height: 85vh; display: flex; align-items: center; justify-content: center; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-img { max-width: 90vw; max-height: 80vh; object-fit: contain; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-caption { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 10; max-width: 80%; }\n [data-section-scope="s-a4fe19-1"] .gml-lb-counter { position: absolute; top: 1.25rem; left: 50%; transform: translateX(-50%); z-index: 10; }\n [data-section-scope="s-a4fe19-1"] .gallery-medi-s1 { grid-column: 1 / -1; text-align: center; padding: 3rem 0; }\n [data-section-scope="s-a4fe19-1"] .gallery-medi-s2 { display: none; }\n\n/* typography: typo_src_gallery_grid */\n [data-section-scope="s-a4fe19-1"] .gml-title { font-size: 2.25rem; font-weight: 700; letter-spacing: -0.02em; }\n [data-section-scope="s-a4fe19-1"] .gml-subtitle { font-size: 1.05rem; line-height: 1.6; }\n [data-section-scope="s-a4fe19-1"] .gml-label { font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }\n@media (max-width: 640px) {[data-section-scope="s-a4fe19-1"] .gml-title{ font-size: 1.75rem;}}\n\n/* background: bg_src_gallery_grid */\n [data-section-scope="s-a4fe19-1"] .gml-section { background: #fafafa; }\n [data-section-scope="s-a4fe19-1"] .gml-item { background: #fff; border: 1px solid #eee; }\n [data-section-scope="s-a4fe19-1"] .gml-img-wrap { background: #f0f0f0; }\n [data-section-scope="s-a4fe19-1"] .gml-label { background: #f3f4f6; color: #555; border-radius: 4px; }\n [data-section-scope="s-a4fe19-1"] .gml-rule { background: #d1d5db; }\n [data-section-scope="s-a4fe19-1"] .gml-cta { background: #2563eb; color: #fff; border-radius: 8px; text-decoration: none; }\n [data-section-scope="s-a4fe19-1"] .gml-cta:hover { background: #1d4ed8; }\n\n/* animation: anim_balanced_grow */\n\n/* Animation: Balanced Grow */\n [data-section-scope="s-a4fe19-1"] [data-animation="balanced_grow"] .section__header,\n [data-section-scope="s-a4fe19-1"] [data-animation="balanced_grow"] .section__items > * {\n opacity: 0;\n transform: scale(0.95) translateY(8px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n [data-section-scope="s-a4fe19-1"] [data-animation="balanced_grow"] .section__header.visible,\n [data-section-scope="s-a4fe19-1"] [data-animation="balanced_grow"] .section__items > *.visible {\n opacity: 1;\n transform: scale(1) translateY(0);\n}\n\n [data-section-scope="s-a4fe19-1"] [data-animation="balanced_grow"] .section__items > *:nth-child(2).visible { transition-delay: 0.08s; }\n [data-section-scope="s-a4fe19-1"] [data-animation="balanced_grow"] .section__items > *:nth-child(3).visible { transition-delay: 0.16s; }\n [data-section-scope="s-a4fe19-1"] [data-animation="balanced_grow"] .section__items > *:nth-child(4).visible { transition-delay: 0.24s; }\n\n\n/* effects: fx_src_structure_list_gallery_grid */\n/* Effects – Generic Section */\n [data-section-scope="s-a4fe19-1"] img {\n border-radius: var(--border-radius, 8px);\n}\n [data-section-scope="s-a4fe19-1"] .btn,\n [data-section-scope="s-a4fe19-1"] button,\n [data-section-scope="s-a4fe19-1"] [class*="btn"] {\n border-radius: var(--border-radius, 6px);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n [data-section-scope="s-a4fe19-1"] .btn:hover,\n [data-section-scope="s-a4fe19-1"] button:hover,\n [data-section-scope="s-a4fe19-1"] [class*="btn"]:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n}\n [data-section-scope="s-a4fe19-1"] .card,\n [data-section-scope="s-a4fe19-1"] [class*="card"] {\n border-radius: var(--border-radius, 8px);\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n [data-section-scope="s-a4fe19-1"] .card:hover,\n [data-section-scope="s-a4fe19-1"] [class*="card"]:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n}\n\n\n/* spacing: acropolis_spacing_responsive_v1 */\n\n [data-section-scope="s-a4fe19-1"] .acro-card {padding:20px}\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) {padding:0 0 20px}\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) h3,\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) p,\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) strong,\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) .acro-btn {margin-left:20px;margin-right:20px}\n [data-section-scope="s-a4fe19-1"] .acro-enquiry-card,\n [data-section-scope="s-a4fe19-1"] .acro-contact__form {padding:24px}\n [data-section-scope="s-a4fe19-1"] .acro-feature {display:grid;gap:2px}\n [data-section-scope="s-a4fe19-1"] .acro-feature-row {margin:28px 0 28px}\n [data-section-scope="s-a4fe19-1"] .acro-hero__ctas {display:flex;align-items:center;gap:22px;flex-wrap:wrap}\n [data-section-scope="s-a4fe19-1"] .acro-section-head {margin-bottom:30px}\n [data-section-scope="s-a4fe19-1"] .acro-about ul {display:grid;gap:10px;margin:18px 0 0;padding-left:0;list-style:none}\n [data-section-scope="s-a4fe19-1"] .acro-about li::before {content:"✓";color:var(--color-accent);font-weight:900;margin-right:9px}\n [data-section-scope="s-a4fe19-1"] .acro-contact__form {display:grid;gap:12px}\n [data-section-scope="s-a4fe19-1"] .acro-contact__form input,\n [data-section-scope="s-a4fe19-1"] .acro-contact__form textarea,\n [data-section-scope="s-a4fe19-1"] .acro-enquiry-card input,\n [data-section-scope="s-a4fe19-1"] .acro-enquiry-card select {width:100%;padding:13px 15px;border-radius:8px;border:1px solid rgba(20,32,51,.14);background:#fffdf8;box-sizing:border-box}\n [data-section-scope="s-a4fe19-1"] .acro-enquiry-card form {display:grid;gap:12px}\n [data-section-scope="s-a4fe19-1"] .acro-footer nav {display:flex;flex-wrap:wrap;gap:13px 22px}\n [data-section-scope="s-a4fe19-1"] .acro-footer a {color:inherit;text-decoration:none;opacity:.8}\n@media(max-width:900px){\n [data-section-scope="s-a4fe19-1"] .acro-card {padding:14px}\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) {padding:0 0 16px}\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) h3,\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) p,\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) strong,\n [data-section-scope="s-a4fe19-1"] .acro-card:has(img) .acro-btn {margin-left:16px;margin-right:16px}\n [data-section-scope="s-a4fe19-1"] .acro-feature-row {display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n [data-section-scope="s-a4fe19-1"] .acro-feature {min-width:0;border:1px solid rgba(213,166,66,.28);border-radius:14px}\n [data-section-scope="s-a4fe19-1"] .acro-enquiry-card,\n [data-section-scope="s-a4fe19-1"] .acro-contact__form {padding:18px}}\n\n\n/* icons: acropolis_icons_realestate_v1 */\n\n [data-section-scope="s-a4fe19-1"] .acro-card i,\n [data-section-scope="s-a4fe19-1"] .acro-feature i {display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 16%,white);color:var(--color-accent);font-size:1.05rem}\n\n', 'section_js': "\n(function() {\n /* ── Gallery Media Lightbox ── */\n var lb = document.getElementById('gmlLightbox');\n if (!lb) return;\n var lbImg = lb.querySelector('.gml-lb-img');\n var lbCaption = lb.querySelector('.gml-lb-caption');\n var lbCounter = lb.querySelector('.gml-lb-counter');\n var lbClose = lb.querySelector('.gml-lb-close');\n var lbPrev = lb.querySelector('.gml-lb-prev');\n var lbNext = lb.querySelector('.gml-lb-next');\n var lbBackdrop = lb.querySelector('.gml-lb-backdrop');\n var slides = [];\n var current = 0;\n\n function collectSlides() {\n slides = [];\n document.querySelectorAll('.gml-item').forEach(function(item) {\n if (item.style.display === 'none') return;\n var wrap = item.querySelector('[data-lightbox-img]');\n if (wrap) {\n var title = item.querySelector('.gml-item-title');\n var cap = item.querySelector('.gml-item-cap');\n slides.push({\n src: wrap.dataset.lightboxImg,\n caption: (title ? title.textContent : '') + (cap ? ' — ' + cap.textContent : '')\n });\n }\n });\n }\n\n function showSlide(idx) {\n if (idx < 0 || idx >= slides.length) return;\n current = idx;\n var s = slides[idx];\n lbImg.src = s.src;\n lbImg.alt = s.caption;\n lbCaption.textContent = s.caption;\n lbCounter.textContent = (idx + 1) + ' / ' + slides.length;\n }\n\n var lbParent = lb.parentNode;\n\n function openLB(idx) {\n collectSlides();\n showSlide(idx);\n document.body.appendChild(lb);\n lb.style.display = 'flex';\n document.body.style.overflow = 'hidden';\n }\n\n function closeLB() {\n lb.style.display = 'none';\n document.body.style.overflow = '';\n if (lbParent) lbParent.appendChild(lb);\n }\n\n document.querySelectorAll('.gml-item').forEach(function(item, i) {\n var wrap = item.querySelector('[data-lightbox-img]');\n if (wrap) {\n item.style.cursor = 'pointer';\n item.addEventListener('click', function(e) {\n e.preventDefault();\n collectSlides();\n var src = wrap.dataset.lightboxImg;\n var idx = slides.findIndex(function(s) { return s.src === src; });\n openLB(idx >= 0 ? idx : 0);\n });\n }\n });\n\n lbClose.addEventListener('click', closeLB);\n lbBackdrop.addEventListener('click', closeLB);\n lbPrev.addEventListener('click', function() { showSlide((current - 1 + slides.length) % slides.length); });\n lbNext.addEventListener('click', function() { showSlide((current + 1) % slides.length); });\n document.addEventListener('keydown', function(e) {\n if (lb.style.display !== 'flex') return;\n if (e.key === 'Escape') closeLB();\n if (e.key === 'ArrowLeft') showSlide((current - 1 + slides.length) % slides.length);\n if (e.key === 'ArrowRight') showSlide((current + 1) % slides.length);\n });\n})();\n", 'composition_scope': 's-a4fe19-1', 'data_source_type': 'queryset', 'data_model_path': 'ai_website.AIWebsiteMedia', 'api_endpoint': '', 'loader_config': '{"media_category__in": ["gallery", "portfolio", "images"]}'}, {'section_id': 'section-gallery-2', 'section_key': 'utility_back_to_top', 'category': 'utility', 'rendered_html': '
\n\n
\n \n \n \n \n Follow us\n \n \n \n
\n\n\n\n
', 'section_css': '/* Scoped to [s-8a45f6-2] */\n [data-section-scope="s-8a45f6-2"] {\n --primary-color: #8B7D6B;\n --color-primary: #8B7D6B;\n --secondary-color: #2C2C2C;\n --color-secondary: #2C2C2C;\n --heading-font: Outfit;\n --font-heading: Outfit;\n --body-font: DM Sans;\n --font-body: DM Sans;\n}\n\n/* layout: layout_src_utility_back_to_top */\n/* Layout CSS */\n [data-section-scope="s-8a45f6-2"] .right-4 { position: relative; overflow: hidden; }\n@media (max-width: 768px) {\n [data-section-scope="s-8a45f6-2"] .right-4 { padding: 2rem 1rem; }\n}\n@media (max-width: 480px) {\n [data-section-scope="s-8a45f6-2"] .right-4 { padding: 1.5rem 0.75rem; }\n}\n\n/* typography: typo_src_utility_back_to_top */\n/* Typography CSS */\n\n/* background: bg_src_utility_back_to_top */\n/* Background CSS */\n [data-section-scope="s-8a45f6-2"] { --color-secondary: #10b981; --color-text: #1f2937; --color-bg: #ffffff;\n}\n [data-section-scope="s-8a45f6-2"] .utility-back-s1 { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }\n\n/* animation: anim_src_utility_back_to_top */\n/* Animation CSS */\n\n/* effects: fx_src_utility_back_to_top */\n/* Effects CSS */\n', 'section_js': "(function(){\n var btn=document.getElementById('back-to-top-btn');\n if(!btn)return;\n window.addEventListener('scroll',function(){\n if(window.scrollY>300){btn.style.opacity='1';btn.style.pointerEvents='auto';}\n else{btn.style.opacity='0';btn.style.pointerEvents='none';}\n });\n})();", 'composition_scope': 's-8a45f6-2', 'data_source_type': '', 'data_model_path': '', 'api_endpoint': '', 'loader_config': '{}'}, {'section_id': 'section-gallery-3', 'section_key': 'nav_bottom_tabs', 'category': 'navigation', 'rendered_html': '
\n\n
\n
\n\n\n\n\n\n\n\n
', 'section_css': '/* Scoped to [s-a58e66-3] */\n [data-section-scope="s-a58e66-3"] {\n --primary-color: #8B7D6B;\n --color-primary: #8B7D6B;\n --secondary-color: #2C2C2C;\n --color-secondary: #2C2C2C;\n --heading-font: Outfit;\n --font-heading: Outfit;\n --body-font: DM Sans;\n --font-body: DM Sans;\n}\n\n/* layout: layout_src_nav_bottom_tabs */\n/* Mobile Tab Bar — Premium styling */\n [data-section-scope="s-a58e66-3"] .mobile-tab-bar {\n display: none;\n z-index: 9995;\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n padding: 0;\n}\n@media (max-width: 768px) {\n [data-section-scope="s-a58e66-3"] .mobile-tab-bar {\n display: flex;\n justify-content: space-around;\n align-items: stretch;\n padding: 0.4rem 0.5rem calc(0.4rem + env(safe-area-inset-bottom, 0px));\n }\n [data-section-scope="s-a58e66-3"] { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important; }\n}\n [data-section-scope="s-a58e66-3"] .tab-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2px;\n padding: 0.45rem 0;\n position: relative;\n flex: 1;\n min-width: 0;\n max-width: 80px;\n border-radius: 12px;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n [data-section-scope="s-a58e66-3"] .tab-item.active::before {\n content: \'\';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 3px;\n border-radius: 0 0 3px 3px;\n}\n [data-section-scope="s-a58e66-3"] .tab-item svg {\n width: 22px;\n height: 22px;\n flex-shrink: 0;\n}\n [data-section-scope="s-a58e66-3"] .tab-item span {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.25;\n}\n\n\n/* typography: typo_src_nav_bottom_tabs */\n [data-section-scope="s-a58e66-3"] .tab-item {\n text-decoration: none;\n color: #9ca3af;\n font-size: 0.6rem;\n font-weight: 500;\n letter-spacing: 0.02em;\n}\n [data-section-scope="s-a58e66-3"] .tab-item:hover,\n [data-section-scope="s-a58e66-3"] .tab-item:active {\n color: var(--color-primary, var(--primary-color, var(--theme-primary, #3b82f6)));\n}\n [data-section-scope="s-a58e66-3"] .tab-item.active {\n color: var(--color-primary, var(--primary-color, var(--theme-primary, #3b82f6)));\n font-weight: 700;\n}\n [data-section-scope="s-a58e66-3"] .tab-item.active svg {\n stroke: var(--color-primary, var(--primary-color, var(--theme-primary, #3b82f6)));\n}\n\n\n/* background: bg_src_nav_bottom_tabs */\n/* Premium glass background */\n [data-section-scope="s-a58e66-3"] .mobile-tab-bar {\n background: rgba(255, 255, 255, 0.92);\n backdrop-filter: blur(20px) saturate(180%);\n -webkit-backdrop-filter: blur(20px) saturate(180%);\n border-top: 1px solid rgba(0, 0, 0, 0.06);\n}\n [data-section-scope="s-a58e66-3"] @supports not (backdrop-filter: blur(1px)) {\n [data-section-scope="s-a58e66-3"] .mobile-tab-bar { background: #ffffff; }\n}\n [data-section-scope="s-a58e66-3"] .tab-item:active {\n background: rgba(0, 0, 0, 0.04);\n border-radius: 12px;\n}\n [data-section-scope="s-a58e66-3"] .tab-item.active::before {\n background: var(--color-primary, var(--primary-color, var(--theme-primary, #3b82f6)));\n}\n\n\n/* animation: anim_src_nav_bottom_tabs */\n [data-section-scope="s-a58e66-3"] .tab-item svg {\n transition: transform 0.2s ease, stroke 0.2s ease;\n}\n [data-section-scope="s-a58e66-3"] .tab-item.active::before {\n animation: tabIndicator 0.3s ease forwards;\n}\n@keyframes tabIndicator {\n from { width: 0; opacity: 0; }\n to { width: 20px; opacity: 1; }\n}\n\n\n/* effects: fx_src_nav_bottom_tabs */\n/* Premium shadow & effects */\n [data-section-scope="s-a58e66-3"] .mobile-tab-bar {\n box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.06), 0 -1px 6px rgba(0, 0, 0, 0.04);\n}\n [data-section-scope="s-a58e66-3"] .tab-item {\n transition: color 0.2s ease, transform 0.15s ease;\n}\n [data-section-scope="s-a58e66-3"] .tab-item:active {\n transform: scale(0.92);\n}\n [data-section-scope="s-a58e66-3"] .tab-item.active svg {\n transform: scale(1.08);\n}\n [data-section-scope="s-a58e66-3"] .tab-item.active::before {\n border-radius: 0 0 3px 3px;\n}\n\n', 'section_js': '', 'composition_scope': 's-a58e66-3', 'data_source_type': '', 'data_model_path': '', 'api_endpoint': '', 'loader_config': '{}'}], 'cards': [{'name': 'Residential Interior Design', 'title': 'Residential Interior Design', 'url': '/services/', 'link': '/services/'}, {'name': 'Commercial Interior Design', 'title': 'Commercial Interior Design', 'url': '/services/', 'link': '/services/'}, {'name': 'Villa & Bungalow Construction', 'title': 'Villa & Bungalow Construction', 'url': '/services/', 'link': '/services/'}, {'name': 'Renovation & Remodeling', 'title': 'Renovation & Remodeling', 'url': '/services/', 'link': '/services/'}, {'name': '3D Visualization & Planning', 'title': '3D Visualization & Planning', 'url': '/services/', 'link': '/services/'}, {'name': 'Apartment Construction Contracts', 'title': 'Apartment Construction Contracts', 'url': '/services/', 'link': '/services/'}], 'items': [{'url': '/media/websites/rr-infra-and-designs/uploads/rrinfra_website_banner_2.png', 'image': '/media/websites/rr-infra-and-designs/uploads/rrinfra_website_banner_2.png', 'alt': 'RR Infra Website Banner', 'alt_text': 'RR Infra Website Banner', 'title': 'RR Infra Website Banner', 'caption': 'Visit www.rrinfradesigns.com', 'category': 'projects', 'name': 'RR Infra Website Banner', 'src': '/media/websites/rr-infra-and-designs/uploads/rrinfra_website_banner_2.png', 'link': '/media/websites/rr-infra-and-designs/uploads/rrinfra_website_banner_2.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/rrinfra_website_banner.png', 'image': '/media/websites/rr-infra-and-designs/uploads/rrinfra_website_banner.png', 'alt': 'RR Infra Website', 'alt_text': 'RR Infra Website', 'title': 'RR Infra Website', 'caption': 'Visit www.rrinfradesigns.com', 'category': 'projects', 'name': 'RR Infra Website', 'src': '/media/websites/rr-infra-and-designs/uploads/rrinfra_website_banner.png', 'link': '/media/websites/rr-infra-and-designs/uploads/rrinfra_website_banner.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/construction_services.png', 'image': '/media/websites/rr-infra-and-designs/uploads/construction_services.png', 'alt': 'Construction Services', 'alt_text': 'Construction Services', 'title': 'Construction Services', 'caption': 'Professional construction services', 'category': 'projects', 'name': 'Construction Services', 'src': '/media/websites/rr-infra-and-designs/uploads/construction_services.png', 'link': '/media/websites/rr-infra-and-designs/uploads/construction_services.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/rr_infra_logo_promo.png', 'image': '/media/websites/rr-infra-and-designs/uploads/rr_infra_logo_promo.png', 'alt': 'RR Infra Logo', 'alt_text': 'RR Infra Logo', 'title': 'RR Infra Logo', 'caption': 'RR Infra and Designs branding', 'category': 'projects', 'name': 'RR Infra Logo', 'src': '/media/websites/rr-infra-and-designs/uploads/rr_infra_logo_promo.png', 'link': '/media/websites/rr-infra-and-designs/uploads/rr_infra_logo_promo.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/modern_home_decor.png', 'image': '/media/websites/rr-infra-and-designs/uploads/modern_home_decor.png', 'alt': 'Modern Home Decor', 'alt_text': 'Modern Home Decor', 'title': 'Modern Home Decor', 'caption': 'Book an appointment for expert design', 'category': 'projects', 'name': 'Modern Home Decor', 'src': '/media/websites/rr-infra-and-designs/uploads/modern_home_decor.png', 'link': '/media/websites/rr-infra-and-designs/uploads/modern_home_decor.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/modern_real_estate_property.png', 'image': '/media/websites/rr-infra-and-designs/uploads/modern_real_estate_property.png', 'alt': 'Modern Real Estate Property', 'alt_text': 'Modern Real Estate Property', 'title': 'Modern Real Estate Property', 'caption': 'Premium property listings', 'category': 'projects', 'name': 'Modern Real Estate Property', 'src': '/media/websites/rr-infra-and-designs/uploads/modern_real_estate_property.png', 'link': '/media/websites/rr-infra-and-designs/uploads/modern_real_estate_property.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/luxurious_villas_sheelanagar.png', 'image': '/media/websites/rr-infra-and-designs/uploads/luxurious_villas_sheelanagar.png', 'alt': 'Luxurious Villas Sheelanagar', 'alt_text': 'Luxurious Villas Sheelanagar', 'title': 'Luxurious Villas Sheelanagar', 'caption': 'Premium villa project at Sheelanagar', 'category': 'projects', 'name': 'Luxurious Villas Sheelanagar', 'src': '/media/websites/rr-infra-and-designs/uploads/luxurious_villas_sheelanagar.png', 'link': '/media/websites/rr-infra-and-designs/uploads/luxurious_villas_sheelanagar.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/infra_and_designs_promo.png', 'image': '/media/websites/rr-infra-and-designs/uploads/infra_and_designs_promo.png', 'alt': 'RR Infra and Designs', 'alt_text': 'RR Infra and Designs', 'title': 'RR Infra and Designs', 'caption': 'Your dream home starts with a smart investment', 'category': 'projects', 'name': 'RR Infra and Designs', 'src': '/media/websites/rr-infra-and-designs/uploads/infra_and_designs_promo.png', 'link': '/media/websites/rr-infra-and-designs/uploads/infra_and_designs_promo.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/best_interior_design.png', 'image': '/media/websites/rr-infra-and-designs/uploads/best_interior_design.png', 'alt': 'Best Interior Design', 'alt_text': 'Best Interior Design', 'title': 'Best Interior Design', 'caption': 'Space-saving designs, modern look', 'category': 'projects', 'name': 'Best Interior Design', 'src': '/media/websites/rr-infra-and-designs/uploads/best_interior_design.png', 'link': '/media/websites/rr-infra-and-designs/uploads/best_interior_design.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/flats_for_sale_sheelanagar.png', 'image': '/media/websites/rr-infra-and-designs/uploads/flats_for_sale_sheelanagar.png', 'alt': 'Flats For Sale Sheelanagar', 'alt_text': 'Flats For Sale Sheelanagar', 'title': 'Flats For Sale Sheelanagar', 'caption': '3BHK flats 1450 sft, Rs 60 lakhs', 'category': 'projects', 'name': 'Flats For Sale Sheelanagar', 'src': '/media/websites/rr-infra-and-designs/uploads/flats_for_sale_sheelanagar.png', 'link': '/media/websites/rr-infra-and-designs/uploads/flats_for_sale_sheelanagar.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/luxury_interior_design.png', 'image': '/media/websites/rr-infra-and-designs/uploads/luxury_interior_design.png', 'alt': 'Luxury Interior Design', 'alt_text': 'Luxury Interior Design', 'title': 'Luxury Interior Design', 'caption': 'Residential and commercial interior from 2.5 lakhs', 'category': 'projects', 'name': 'Luxury Interior Design', 'src': '/media/websites/rr-infra-and-designs/uploads/luxury_interior_design.png', 'link': '/media/websites/rr-infra-and-designs/uploads/luxury_interior_design.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/modular_kitchen_design.png', 'image': '/media/websites/rr-infra-and-designs/uploads/modular_kitchen_design.png', 'alt': 'Modular Kitchen Design', 'alt_text': 'Modular Kitchen Design', 'title': 'Modular Kitchen Design', 'caption': 'Modern kitchen design starting at Rs 80,000', 'category': 'projects', 'name': 'Modular Kitchen Design', 'src': '/media/websites/rr-infra-and-designs/uploads/modular_kitchen_design.png', 'link': '/media/websites/rr-infra-and-designs/uploads/modular_kitchen_design.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/royal_villas_vepagunta.png', 'image': '/media/websites/rr-infra-and-designs/uploads/royal_villas_vepagunta.png', 'alt': 'Royal Villas Vepagunta', 'alt_text': 'Royal Villas Vepagunta', 'title': 'Royal Villas Vepagunta', 'caption': 'Royal Villas at Vepagunta, Rs 85 lakhs onwards', 'category': 'projects', 'name': 'Royal Villas Vepagunta', 'src': '/media/websites/rr-infra-and-designs/uploads/royal_villas_vepagunta.png', 'link': '/media/websites/rr-infra-and-designs/uploads/royal_villas_vepagunta.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/luxury_villas_sheelanagar.png', 'image': '/media/websites/rr-infra-and-designs/uploads/luxury_villas_sheelanagar.png', 'alt': 'Luxury Villas Sheelanagar', 'alt_text': 'Luxury Villas Sheelanagar', 'title': 'Luxury Villas Sheelanagar', 'caption': 'New launch 4BHK villas at Sheelanagar', 'category': 'projects', 'name': 'Luxury Villas Sheelanagar', 'src': '/media/websites/rr-infra-and-designs/uploads/luxury_villas_sheelanagar.png', 'link': '/media/websites/rr-infra-and-designs/uploads/luxury_villas_sheelanagar.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/villas_just_listed_poster.png', 'image': '/media/websites/rr-infra-and-designs/uploads/villas_just_listed_poster.png', 'alt': 'Villas Just Listed', 'alt_text': 'Villas Just Listed', 'title': 'Villas Just Listed', 'caption': 'Premium villas at multiple locations starting from Rs 1.4 Cr', 'category': 'projects', 'name': 'Villas Just Listed', 'src': '/media/websites/rr-infra-and-designs/uploads/villas_just_listed_poster.png', 'link': '/media/websites/rr-infra-and-designs/uploads/villas_just_listed_poster.png'}, {'url': '/media/websites/rr-infra-and-designs/uploads/rr_brand_identity.png', 'image': '/media/websites/rr-infra-and-designs/uploads/rr_brand_identity.png', 'alt': 'RR Infra and Designs', 'alt_text': 'RR Infra and Designs', 'title': 'RR Infra and Designs', 'caption': 'Company branding', 'category': 'projects', 'name': 'RR Infra and Designs', 'src': '/media/websites/rr-infra-and-designs/uploads/rr_brand_identity.png', 'link': '/media/websites/rr-infra-and-designs/uploads/rr_brand_identity.png'}]}] -->