HTML widget
========================= –>
Home Interior Cost Calculator
Indicative estimate. Adjust rates in code / change GST & contingency below.
Finish Package
City
Mumbai
New Delhi
Bengaluru
Hyderabad
Pune
Ahmedabad
Kolkata
Chennai
Jaipur
Kochi
Tier-2 (others)
Tier-3 (others)
Contingency (%)
10%
Basics
Carpet Area (sqft) *
Bedrooms
Bathrooms
Balcony / Utility (sqft)
Surfaces & Lighting
Flooring Grade
Economy
Standard
Premium
Paint Quality
Economy
Standard
Premium
False Ceiling Coverage (%)
60%
Electrical Points (qty)
Lighting Fixtures (qty)
Wall Cladding / Feature (sqft)
Carpentry & Kitchen
Modular Kitchen (running ft)
Wardrobes (running ft)
TV / Study / Storage (lump-sum)
GST (%)
Estimate Summary
Pre-GST Estimate
₹0
GST
₹0
Grand Total (Incl. GST)
₹0
View Cost Breakdown
Line ItemBasisRateAmount
Flooring
Painting
False Ceiling
Electrical
Lighting Fixtures
Feature / Wall Cladding
Modular Kitchen
Wardrobes
Bathrooms
Custom Carpentry (Lump-sum)
City Multiplier
Contingency
This is an indicative estimate. Final costs depend on site, specs, brands, and scope.
:root{
–brand: #C12D48; /* FOAID */
–ink: #111;
–ink-2: #555;
–line: #eee;
}
.hic-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, “Helvetica Neue”, Arial, “Noto Sans”, “Apple Color Emoji”, “Segoe UI Emoji”; max-width: 1100px; margin: 0 auto; padding: 12px;}
.hic-card { background: #fff; border: 1px solid var(–line); border-radius: 16px; padding: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.05);}
.hic-title { margin: 0 0 6px; font-size: 24px; font-weight: 700; letter-spacing: .2px;}
.hic-sub { margin: 0 0 18px; color: var(–ink-2); font-size: 14px;}
.hic-section { margin-top: 18px; }
.hic-section h2 { margin: 0 0 10px; font-size: 18px; }
.hic-grid { display: grid; gap: 12px; }
.hic-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hic-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hic-field { display: flex; flex-direction: column; gap: 6px; }
.hic-field label { font-weight: 600; font-size: 13px; }
.hic-field input, .hic-field select { border: 1px solid #ddd; border-radius: 10px; padding: 10px 12px; font-size: 14px; outline: none; background: #fafafa; transition: border .2s, background .2s; }
.hic-field input:focus, .hic-field select:focus { border-color: var(–brand); background: #fff; }
.req { color: #c62828; }
.hic-range { display: flex; align-items: center; gap: 10px; }
.hic-range input[type=”range”] { flex: 1; }
.hic-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.hic-pill { border: 1px solid #ddd; background: #fafafa; padding: 8px 12px; border-radius: 999px; cursor: pointer; font-size: 13px; }
.hic-pill.is-active { background: var(–brand); color: #fff; border-color: var(–brand); }
/* ===== Actions row (DESKTOP): right column, CENTER aligned, horizontal ===== */
.hic-actions-row { align-items: start; }
.hic-actions {
grid-column: 4; /* stay in the right blank space */
display: flex;
flex-direction: row; /* horizontal */
flex-wrap: wrap; /* wrap if space tight */
gap: 10px 12px;
width: 100%;
justify-content: center; /* < div:last-child, .hic-th > div:last-child { display: none; }
}
/* PDF rendering: hide controls/inputs in the PDF snapshot */
.hic-pdf .hic-actions,
.hic-pdf .hic-pills,
.hic-pdf input,
.hic-pdf select,
.hic-pdf input[type=”range”] { visibility: hidden; height: 0; margin: 0; padding: 0; border: 0; }
.hic-grid.hic-3 {
padding-top: 10px;
}
Site Title 