Reach Out

Contact Us

Whether you're ready to invest or just exploring — our team is happy to walk you through every project, answer your questions, and schedule a site visit at your convenience.

Send an Enquiry

Get in Touch

First Name

Last Name

Phone Number

Email Address

Project of Interest

Type of Enquiry

Message (optional)

Tapping this opens WhatsApp with your enquiry ready to send to our team.

Enquiry Received

Thank you for reaching out. Our team will get back to you within 24 hours.

Download Brochure

Find Us

Our Location

Offices

Our Regional Offices

Head Office

Alibag, Maharashtra

Braman ali, Brahmin Lane, PNP Nagar, Alibag, Maharashtra 402201. Our primary office where all project enquiries, site visit bookings, and documentation are handled.

Get Directions

font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; } a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; } /* ─── NAVBAR ─────────────────────────────────────────────── */ .navbar { position: sticky; top: 0; z-index: 100; background: rgba(250,249,246,0.96); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); height: var(--nav-h); display: flex; align-items: center; justify-content: space-between; padding: 0 40px; } .nav-logo { display: flex; align-items: center; flex-shrink: 0; } .nav-logo img { height: 40px; width: auto; } .nav-links { display: flex; align-items: center; gap: 36px; list-style: none; } .nav-links a { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); transition: color 0.2s; white-space: nowrap; } .nav-links a:hover { color: var(--text); } .nav-links a.active { border-bottom: 1px solid var(--accent); padding-bottom: 2px; color: var(--text); } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; flex-shrink: 0; } .hamburger span { display: block; width: 22px; height: 1.5px; background: var(--text); transition: all 0.3s; } /* ─── MOBILE MENU ────────────────────────────────────────── */ .mobile-menu { display: none; position: fixed; inset: 0; background: var(--bg); z-index: 200; flex-direction: column; align-items: center; justify-content: center; gap: 32px; } .mobile-menu.active { display: flex; } .mobile-menu a { font-size: 28px; font-family: var(--font-display); color: var(--text); } .close-btn { position: absolute; top: 24px; right: 32px; font-size: 32px; cursor: pointer; color: var(--text-muted); line-height: 1; } /* ─── PAGE HERO ──────────────────────────────────────────── */ .page-hero { border-bottom: 1px solid var(--border); padding: 64px 40px 40px; max-width: 1200px; margin: 0 auto; } .page-hero-label { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); font-weight: 500; margin-bottom: 16px; } .page-hero h1 { font-family: var(--font-display); font-size: clamp(36px, 5vw, 60px); font-weight: 600; line-height: 1.1; letter-spacing: -0.01em; color: var(--text); margin-bottom: 16px; } .page-hero p { font-size: 16px; color: var(--text-muted); max-width: 520px; line-height: 1.7; } /* ─── MAIN WRAPPER ───────────────────────────────────────── */ .main-content { max-width: 1200px; margin: 0 auto; padding: 0 40px; } /* ─── SECTION SPACING ────────────────────────────────────── */ .section-block { padding: 64px 0; border-bottom: 1px solid var(--border); } .section-block:last-child { border-bottom: none; } .section-label { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); font-weight: 500; margin-bottom: 12px; } .section-title { font-family: var(--font-display); font-size: clamp(28px, 3.5vw, 42px); font-weight: 600; line-height: 1.15; color: var(--text); margin-bottom: 40px; } /* ─── CONTACT LAYOUT ─────────────────────────────────────── */ .contact-layout { display: grid; grid-template-columns: 1fr 400px; gap: 64px; align-items: start; } /* ─── ENQUIRY FORM ───────────────────────────────────────── */ .form-wrap { background: var(--bg-card); border: 1px solid var(--border); border-radius: 4px; padding: 40px; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; } .form-group:last-of-type { margin-bottom: 0; } .form-group label { font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-light); } .form-group input, .form-group select, .form-group textarea { font-family: var(--font-body); font-size: 14px; color: var(--text); background: var(--bg); border: 1px solid var(--border-dark); border-radius: 4px; padding: 11px 14px; outline: none; transition: border-color 0.2s, box-shadow 0.2s; width: 100%; appearance: none; -webkit-appearance: none; } .form-group input::placeholder, .form-group textarea::placeholder { color: var(--text-light); } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(184,134,11,0.1); } .form-group select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; cursor: pointer; } .form-group textarea { resize: vertical; min-height: 110px; line-height: 1.6; } .form-divider { height: 1px; background: var(--border); margin: 24px 0; } .btn-primary { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 13px 28px; background: var(--text); color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: background 0.2s, transform 0.15s; width: 100%; justify-content: center; } .btn-primary:hover { background: #333; transform: translateY(-1px); } .btn-primary:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } /* success state */ .form-success { display: none; flex-direction: column; align-items: center; text-align: center; padding: 48px 24px; gap: 12px; } .form-success .success-icon { width: 48px; height: 48px; background: #e8f4e8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; } .form-success h3 { font-family: var(--font-display); font-size: 22px; color: var(--text); } .form-success p { font-size: 13px; color: var(--text-muted); line-height: 1.7; } .brochure-download { display: none; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding: 13px 26px; background: var(--accent); color: #fff; border-radius: 4px; transition: background 0.2s, transform 0.15s; margin-top: 8px; } .brochure-download:hover { background: #9a6f00; transform: translateY(-1px); } .form-note { font-size: 12px; color: var(--text-light); margin-top: 4px; } /* ─── SIDEBAR CONTACT INFO ───────────────────────────────── */ .contact-sidebar { display: flex; flex-direction: column; gap: 24px; } .info-widget { background: var(--bg-card); border: 1px solid var(--border); border-radius: 4px; padding: 28px; } .info-widget-title { font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-light); margin-bottom: 20px; } .contact-detail-list { display: flex; flex-direction: column; gap: 0; } .contact-detail { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--border); } .contact-detail:last-child { border-bottom: none; padding-bottom: 0; } .contact-detail:first-child { padding-top: 0; } .contact-detail-icon { width: 34px; height: 34px; background: var(--accent-light); border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .contact-detail-icon svg { color: var(--accent); } .contact-detail-body {} .contact-detail-body .cd-label { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-light); margin-bottom: 2px; } .contact-detail-body .cd-value { font-size: 13px; color: var(--text-muted); line-height: 1.6; } .contact-detail-body .cd-value a { transition: color 0.2s; } .contact-detail-body .cd-value a:hover { color: var(--text); } /* hours widget */ .hours-list { display: flex; flex-direction: column; gap: 0; } .hours-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 13px; } .hours-row:last-child { border-bottom: none; padding-bottom: 0; } .hours-row:first-child { padding-top: 0; } .hours-day { color: var(--text-muted); } .hours-time { font-weight: 500; color: var(--text); } .hours-closed { color: var(--text-light); font-style: italic; } /* whatsapp widget */ .wa-widget { background: #f0f7ee; border-color: #c8e6c0; } .wa-widget p { font-size: 13px; color: var(--text-muted); line-height: 1.65; margin-bottom: 16px; } .btn-wa { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding: 11px 18px; background: #25d366; color: #fff; border-radius: 4px; transition: background 0.2s; width: 100%; justify-content: center; } .btn-wa:hover { background: #1da851; } /* ─── MAP SECTION ────────────────────────────────────────── */ .map-wrap { border-radius: 4px; overflow: hidden; border: 1px solid var(--border); aspect-ratio: 16/6; background: var(--border); } .map-wrap iframe { width: 100%; height: 100%; border: none; display: block; } /* ─── OFFICES GRID ───────────────────────────────────────── */ .offices-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 0; } .office-card { border: 1px solid var(--border); border-radius: 4px; padding: 28px; background: var(--bg-card); transition: box-shadow 0.2s, transform 0.2s; } .office-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.07); transform: translateY(-2px); } .office-card-label { font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; } .office-card h3 { font-family: var(--font-display); font-size: 18px; font-weight: 600; color: var(--text); margin-bottom: 12px; } .office-card p { font-size: 13px; color: var(--text-muted); line-height: 1.7; margin-bottom: 16px; } .office-card a { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); display: inline-flex; align-items: center; gap: 4px; transition: gap 0.2s; } .office-card a:hover { gap: 8px; } /* ─── FOOTER ─────────────────────────────────────────────── */ footer { background: var(--text); color: rgba(255,255,255,0.85); margin-top: 80px; } .footer-top { max-width: 1200px; margin: 0 auto; padding: 56px 40px 48px; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; } .footer-brand p { font-size: 13px; line-height: 1.75; color: rgba(255,255,255,0.55); margin-top: 12px; max-width: 280px; } .footer-brand .brand-name { font-family: var(--font-display); font-size: 20px; color: #fff; } .footer-col h5 { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 16px; font-weight: 600; } .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; } .footer-col ul li a { font-size: 13px; color: rgba(255,255,255,0.65); transition: color 0.2s; } .footer-col ul li a:hover { color: #fff; } .footer-contact-item { font-size: 13px; color: rgba(255,255,255,0.65); line-height: 1.6; margin-bottom: 8px; } .footer-contact-item a { color: rgba(255,255,255,0.65); transition: color 0.2s; } .footer-contact-item a:hover { color: #fff; } .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); max-width: 1200px; margin: 0 auto; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; } .footer-bottom p { font-size: 12px; color: rgba(255,255,255,0.35); } .social-row { display: flex; gap: 16px; } .social-row a { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); transition: color 0.2s; } .social-row a:hover { color: #fff; } .footer-credit { font-size: 12px; color: rgba(255,255,255,0.3); margin-top: 4px; } .footer-credit a { color: rgba(255,255,255,0.45); transition: color 0.2s; } .footer-credit a:hover { color: rgba(255,255,255,0.7); } /* ─── EMI FLOATING BUTTON ────────────────────────────────── */ .emi-btn { position: fixed; bottom: 24px; right: 24px; z-index: 50; background: var(--accent); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 12px 20px; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,0.15); transition: background 0.2s, transform 0.15s; border: none; cursor: pointer; } .emi-btn:hover { background: #9a6f00; transform: translateY(-2px); } .emi-btn a { color: #fff; } /* ─── RESPONSIVE ─────────────────────────────────────────── */ @media (max-width: 960px) { .contact-layout { grid-template-columns: 1fr; } .contact-sidebar { display: grid; grid-template-columns: 1fr 1fr; } .wa-widget { grid-column: 1 / -1; } .offices-grid { grid-template-columns: 1fr; } .footer-top { grid-template-columns: 1fr 1fr; } .map-wrap { aspect-ratio: 16/7; } } @media (max-width: 720px) { .navbar { padding: 0 20px; } .nav-links { display: none; } .hamburger { display: flex; } .page-hero { padding: 40px 20px 28px; } .main-content { padding: 0 20px; } .form-wrap { padding: 24px 20px; } .form-row { grid-template-columns: 1fr; } .contact-sidebar { grid-template-columns: 1fr; } .footer-top { grid-template-columns: 1fr; padding: 40px 20px; } .footer-bottom { flex-direction: column; gap: 12px; text-align: center; padding: 20px; } .map-wrap { aspect-ratio: 4/3; } }

Reach Out

Contact Us

Whether you're ready to invest or just exploring — our team is happy to walk you through every project, answer your questions, and schedule a site visit at your convenience.

Send an Enquiry

Get in Touch

First Name

Last Name

Phone Number

Email Address

Project of Interest

Type of Enquiry

Message (optional)

Tapping this opens WhatsApp with your enquiry ready to send to our team.

Enquiry Received

Thank you for reaching out. Our team will get back to you within 24 hours.

Download Brochure

Find Us

Our Location

Offices

Our Regional Offices

Head Office

Alibag, Maharashtra

Braman ali, Brahmin Lane, PNP Nagar, Alibag, Maharashtra 402201. Our primary office where all project enquiries, site visit bookings, and documentation are handled.

Get Directions

Reach Out

Contact Us

Whether you're ready to invest or just exploring — our team is happy to walk you through every project, answer your questions, and schedule a site visit at your convenience.

Send an Enquiry

Get in Touch

First Name

Last Name

Phone Number

Email Address

Project of Interest

Type of Enquiry

Message (optional)

Enquiry Received

Thank you for reaching out. Our team will get back to you within 24 hours.

Download Brochure

Find Us

Our Location

Offices

Our Regional Offices

Head Office

Alibag, Maharashtra

Braman ali, Brahmin Lane, PNP Nagar, Alibag, Maharashtra 402201. Our primary office where all project enquiries, site visit bookings, and documentation are handled.

Get Directions