{"id":8,"date":"2026-06-08T05:10:37","date_gmt":"2026-06-08T05:10:37","guid":{"rendered":"https:\/\/vrindavanbuilders.in\/?page_id=8"},"modified":"2026-06-08T05:21:54","modified_gmt":"2026-06-08T05:21:54","slug":"home","status":"publish","type":"page","link":"https:\/\/vrindavanbuilders.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938 | \u0906\u092a\u0915\u093e \u0938\u092a\u0928\u093e, \u0939\u092e\u093e\u0930\u0940 \u091c\u093f\u092e\u094d\u092e\u0947\u0926\u093e\u0930\u0940<\/title>\n<meta name=\"description\" content=\"\u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938 - \u0915\u093e\u0928\u092a\u0941\u0930 \u0914\u0930 \u0932\u0916\u0928\u090a \u0915\u0940 \u0938\u092b\u0932\u0924\u093e \u0915\u0947 \u092c\u093e\u0926 \u0905\u092c \u0906\u092a\u0915\u0947 \u0936\u0939\u0930 \u092e\u0947\u0902\u0964 \u0930\u0947\u091c\u093f\u0921\u0947\u0902\u0936\u093f\u092f\u0932, \u0915\u092e\u0930\u094d\u0936\u093f\u092f\u0932, \u092a\u094d\u0932\u0949\u091f \u0921\u0947\u0935\u0932\u092a\u092e\u0947\u0902\u091f, \u0930\u093f\u0928\u094b\u0935\u0947\u0936\u0928 \u0914\u0930 \u091f\u0930\u094d\u0928\u0915\u0940 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f\u094d\u0938\u0964\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Devanagari:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --navy:#0a1a3a;\n --navy-dark:#050e24;\n --navy-light:#142a5c;\n --white:#ffffff;\n --offwhite:#f6f8fc;\n --gold:#e8b93a;\n --gold-light:#f5d061;\n --gold-dark:#b8891a;\n --maroon:#7a1220;\n --maroon-dark:#4d0b14;\n --text:#1a2540;\n --muted:#5a6478;\n --border:#e4e8f0;\n --shadow-sm:0 4px 14px rgba(10,26,58,.06);\n --shadow:0 12px 34px rgba(10,26,58,.12);\n --shadow-lg:0 22px 60px rgba(10,26,58,.18);\n --radius:14px;\n --radius-lg:22px;\n --trans:all .35s cubic-bezier(.2,.7,.3,1);\n }\n\n *{box-sizing:border-box;margin:0;padding:0}\n html{scroll-behavior:smooth}\n body{\n font-family:'Noto Sans Devanagari','Poppins',system-ui,sans-serif;\n color:var(--text);\n background:var(--white);\n line-height:1.7;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n }\n h1,h2,h3,h4{font-family:'Noto Sans Devanagari','Poppins',sans-serif;font-weight:700;line-height:1.2;color:var(--navy)}\n img{max-width:100%;display:block}\n a{text-decoration:none;color:inherit}\n button{font-family:inherit;cursor:pointer;border:none;background:none}\n\n .container{max-width:1200px;margin:0 auto;padding:0 22px}\n .section{padding:100px 0;position:relative}\n .section-top{padding-top:120px}\n .eyebrow{\n display:inline-block;\n font-size:13px;\n letter-spacing:3px;\n text-transform:uppercase;\n color:var(--gold-dark);\n font-weight:700;\n padding:6px 14px;\n background:rgba(232,185,58,.12);\n border-radius:40px;\n margin-bottom:18px;\n }\n .section-title{\n font-size:clamp(28px,4vw,44px);\n margin-bottom:14px;\n position:relative;\n }\n .section-title::after{\n content:\"\";\n display:block;\n width:64px;height:4px;\n background:linear-gradient(90deg,var(--gold),var(--maroon));\n border-radius:4px;\n margin-top:14px;\n }\n .section-sub{color:var(--muted);max-width:680px;margin-bottom:50px;font-size:16px}\n .center{text-align:center}\n .center .section-title::after{margin:14px auto 0}\n .center .section-sub{margin-left:auto;margin-right:auto}\n\n \/* ===== Buttons ===== *\/\n .btn{\n display:inline-flex;align-items:center;justify-content:center;gap:10px;\n padding:14px 28px;\n font-weight:600;font-size:15px;\n border-radius:40px;\n transition:var(--trans);\n white-space:nowrap;\n letter-spacing:.3px;\n }\n .btn-primary{\n background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dark) 100%);\n color:var(--navy-dark);\n box-shadow:0 10px 24px rgba(232,185,58,.35);\n }\n .btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(232,185,58,.5)}\n .btn-outline{\n background:transparent;color:var(--white);\n border:2px solid rgba(255,255,255,.85);\n }\n .btn-outline:hover{background:var(--white);color:var(--navy);transform:translateY(-3px)}\n .btn-dark{\n background:var(--navy);color:var(--white);\n }\n .btn-dark:hover{background:var(--maroon);transform:translateY(-3px)}\n .btn svg{width:18px;height:18px}\n\n \/* ===== Header ===== *\/\n .header{\n position:fixed;top:0;left:0;right:0;z-index:100;\n background:rgba(255,255,255,.92);\n backdrop-filter:blur(14px);\n -webkit-backdrop-filter:blur(14px);\n border-bottom:1px solid transparent;\n transition:var(--trans);\n }\n .header.scrolled{\n background:rgba(255,255,255,.98);\n border-bottom-color:var(--border);\n box-shadow:var(--shadow-sm);\n }\n .nav{\n display:flex;align-items:center;justify-content:space-between;\n padding:16px 0;\n }\n .logo{display:flex;align-items:center;gap:12px}\n .logo-mark{\n width:46px;height:46px;\n background:linear-gradient(135deg,var(--navy) 0%,var(--maroon) 100%);\n border-radius:12px;\n display:grid;place-items:center;\n color:var(--gold);\n font-weight:800;font-size:18px;\n font-family:'Poppins',sans-serif;\n position:relative;\n box-shadow:0 6px 14px rgba(10,26,58,.25);\n }\n .logo-mark::before{\n content:\"\";position:absolute;inset:3px;\n border:1.5px solid rgba(232,185,58,.5);\n border-radius:8px;\n }\n .logo-text{display:flex;flex-direction:column;line-height:1.1}\n .logo-text .name{font-weight:800;color:var(--navy);font-size:17px}\n .logo-text .tag{font-size:11px;color:var(--muted);letter-spacing:1px}\n\n .menu{display:flex;align-items:center;gap:6px;list-style:none}\n .menu a{\n padding:10px 16px;\n font-weight:500;font-size:15px;\n color:var(--text);\n border-radius:8px;\n transition:var(--trans);\n position:relative;\n }\n .menu a:hover{color:var(--maroon)}\n .menu a::after{\n content:\"\";position:absolute;bottom:4px;left:16px;right:16px;\n height:2px;background:var(--gold);\n transform:scaleX(0);transform-origin:left;\n transition:transform .3s ease;\n border-radius:2px;\n }\n .menu a:hover::after{transform:scaleX(1)}\n\n .nav-cta{display:flex;align-items:center;gap:12px}\n .call-btn{\n display:inline-flex;align-items:center;gap:8px;\n padding:10px 18px;\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n color:var(--navy-dark);\n border-radius:40px;\n font-weight:700;font-size:14px;\n box-shadow:0 8px 18px rgba(232,185,58,.35);\n transition:var(--trans);\n }\n .call-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(232,185,58,.5)}\n .call-btn svg{width:16px;height:16px}\n\n .hamburger{\n display:none;width:42px;height:42px;\n background:var(--navy);color:var(--white);\n border-radius:10px;\n position:relative;\n }\n .hamburger span{\n position:absolute;left:11px;right:11px;height:2px;background:var(--white);\n border-radius:2px;transition:var(--trans);\n }\n .hamburger span:nth-child(1){top:14px}\n .hamburger span:nth-child(2){top:20px}\n .hamburger span:nth-child(3){top:26px}\n .hamburger.open span:nth-child(1){top:20px;transform:rotate(45deg)}\n .hamburger.open span:nth-child(2){opacity:0}\n .hamburger.open span:nth-child(3){top:20px;transform:rotate(-45deg)}\n\n \/* ===== Hero ===== *\/\n .hero{\n position:relative;\n min-height:100vh;\n display:flex;align-items:center;\n padding:140px 0 100px;\n background:\n linear-gradient(120deg,rgba(5,14,36,.88) 0%,rgba(10,26,58,.78) 50%,rgba(122,18,32,.55) 100%),\n url('https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1920&q=80') center\/cover no-repeat;\n color:var(--white);\n overflow:hidden;\n }\n .hero::before{\n content:\"\";position:absolute;inset:0;\n background:\n radial-gradient(circle at 85% 20%,rgba(232,185,58,.18),transparent 40%),\n radial-gradient(circle at 10% 80%,rgba(122,18,32,.25),transparent 45%);\n pointer-events:none;\n }\n .hero-grid{\n display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;\n position:relative;z-index:2;\n }\n .hero h1{\n color:var(--white);\n font-size:clamp(34px,5.2vw,64px);\n font-weight:800;\n letter-spacing:-.5px;\n margin-bottom:20px;\n }\n .hero h1 .gold{\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n -webkit-background-clip:text;background-clip:text;color:transparent;\n }\n .hero-sub{\n font-size:clamp(15px,1.6vw,19px);\n color:rgba(255,255,255,.85);\n margin-bottom:18px;\n max-width:620px;\n }\n .hero-brand{\n display:inline-block;\n padding:10px 22px;\n background:rgba(232,185,58,.15);\n border:1.5px solid rgba(232,185,58,.45);\n border-radius:40px;\n color:var(--gold-light);\n font-weight:700;font-size:18px;\n margin-bottom:10px;\n letter-spacing:1px;\n }\n .hero-tagline{\n font-size:clamp(18px,2.2vw,26px);\n color:var(--gold-light);\n font-weight:600;\n margin-bottom:36px;\n font-style:italic;\n }\n .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:50px}\n\n .hero-stats{\n display:grid;grid-template-columns:repeat(3,1fr);gap:20px;\n padding-top:30px;border-top:1px solid rgba(255,255,255,.15);\n }\n .stat-num{\n font-size:34px;font-weight:800;\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n -webkit-background-clip:text;background-clip:text;color:transparent;\n font-family:'Poppins',sans-serif;\n }\n .stat-label{font-size:13px;color:rgba(255,255,255,.75);letter-spacing:1px}\n\n .hero-right{position:relative}\n .floating-cards{\n position:relative;display:flex;flex-direction:column;gap:18px;\n max-width:420px;margin-left:auto;\n }\n .f-card{\n background:rgba(255,255,255,.08);\n backdrop-filter:blur(14px);\n -webkit-backdrop-filter:blur(14px);\n border:1px solid rgba(255,255,255,.18);\n padding:22px 24px;\n border-radius:var(--radius-lg);\n display:flex;align-items:center;gap:18px;\n transition:var(--trans);\n animation:floatY 6s ease-in-out infinite;\n }\n .f-card:nth-child(2){animation-delay:1.5s;margin-left:30px}\n .f-card:nth-child(3){animation-delay:3s;margin-left:60px}\n .f-card:hover{transform:translateX(-10px);background:rgba(255,255,255,.14);border-color:rgba(232,185,58,.5)}\n .f-icon{\n width:54px;height:54px;min-width:54px;\n background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));\n border-radius:14px;display:grid;place-items:center;\n color:var(--navy-dark);\n box-shadow:0 10px 22px rgba(232,185,58,.35);\n }\n .f-icon svg{width:26px;height:26px}\n .f-card h4{color:var(--white);font-size:16px;margin-bottom:2px}\n .f-card p{color:rgba(255,255,255,.7);font-size:13px}\n\n @keyframes floatY{\n 0%,100%{transform:translateY(0)}\n 50%{transform:translateY(-10px)}\n }\n\n \/* ===== About ===== *\/\n .about{background:var(--offwhite)}\n .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}\n .about-img{\n position:relative;border-radius:var(--radius-lg);overflow:hidden;\n box-shadow:var(--shadow-lg);\n aspect-ratio:4\/5;\n }\n .about-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}\n .about-img:hover img{transform:scale(1.06)}\n .about-badge{\n position:absolute;bottom:24px;left:24px;\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n color:var(--navy-dark);\n padding:20px 26px;border-radius:16px;\n box-shadow:var(--shadow);\n }\n .about-badge .num{font-size:38px;font-weight:800;line-height:1;font-family:'Poppins'}\n .about-badge .lbl{font-size:13px;font-weight:600;margin-top:4px}\n\n .about p{color:var(--muted);font-size:16.5px;margin-bottom:20px}\n .about-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}\n .about-features div{\n display:flex;align-items:center;gap:10px;\n font-weight:600;color:var(--navy);font-size:15px;\n }\n .check{\n width:26px;height:26px;min-width:26px;\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n color:var(--navy-dark);\n border-radius:50%;display:grid;place-items:center;\n font-weight:900;font-size:14px;\n }\n\n \/* ===== Services ===== *\/\n .services-grid{\n display:grid;grid-template-columns:repeat(3,1fr);gap:26px;\n }\n .service-card{\n background:var(--white);\n border:1px solid var(--border);\n border-radius:var(--radius-lg);\n padding:36px 30px;\n transition:var(--trans);\n position:relative;overflow:hidden;\n }\n .service-card::before{\n content:\"\";position:absolute;top:0;left:0;right:0;height:4px;\n background:linear-gradient(90deg,var(--gold),var(--maroon));\n transform:scaleX(0);transform-origin:left;transition:transform .4s ease;\n }\n .service-card:hover{\n transform:translateY(-8px);\n box-shadow:var(--shadow-lg);\n border-color:transparent;\n }\n .service-card:hover::before{transform:scaleX(1)}\n .service-icon{\n width:70px;height:70px;\n background:linear-gradient(135deg,rgba(232,185,58,.15),rgba(122,18,32,.08));\n color:var(--maroon);\n border-radius:18px;display:grid;place-items:center;\n margin-bottom:22px;\n transition:var(--trans);\n }\n .service-card:hover .service-icon{\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n color:var(--navy-dark);\n transform:rotate(-6deg) scale(1.08);\n }\n .service-icon svg{width:34px;height:34px}\n .service-card h3{font-size:20px;margin-bottom:10px}\n .service-card p{color:var(--muted);font-size:14.5px}\n\n \/* ===== Why Us ===== *\/\n .whyus{background:var(--navy);color:var(--white);position:relative;overflow:hidden}\n .whyus::before{\n content:\"\";position:absolute;inset:0;\n background:\n radial-gradient(circle at 90% 10%,rgba(232,185,58,.12),transparent 40%),\n radial-gradient(circle at 10% 90%,rgba(122,18,32,.3),transparent 45%);\n }\n .whyus .section-title{color:var(--white)}\n .whyus .section-sub{color:rgba(255,255,255,.7)}\n .whyus .eyebrow{background:rgba(232,185,58,.18);color:var(--gold-light)}\n .whyus-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}\n .whyus-list{list-style:none;display:grid;gap:14px}\n .whyus-list li{\n background:rgba(255,255,255,.05);\n border:1px solid rgba(255,255,255,.1);\n padding:18px 22px;border-radius:14px;\n display:flex;align-items:center;gap:16px;\n transition:var(--trans);\n font-weight:500;font-size:16px;\n }\n .whyus-list li:hover{\n background:rgba(232,185,58,.1);\n border-color:rgba(232,185,58,.4);\n transform:translateX(6px);\n }\n .whyus-list .check{\n width:34px;height:34px;min-width:34px;\n }\n .whyus-img{\n position:relative;border-radius:var(--radius-lg);overflow:hidden;\n aspect-ratio:1\/1;box-shadow:var(--shadow-lg);\n }\n .whyus-img img{width:100%;height:100%;object-fit:cover}\n .whyus-img::after{\n content:\"\";position:absolute;inset:0;\n background:linear-gradient(135deg,transparent 40%,rgba(10,26,58,.4));\n }\n\n \/* ===== Projects ===== *\/\n .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n .project-card{\n position:relative;border-radius:var(--radius-lg);overflow:hidden;\n aspect-ratio:4\/3;cursor:pointer;\n box-shadow:var(--shadow-sm);\n }\n .project-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}\n .project-card:hover img{transform:scale(1.1)}\n .project-overlay{\n position:absolute;inset:0;\n background:linear-gradient(180deg,transparent 40%,rgba(5,14,36,.92));\n display:flex;flex-direction:column;justify-content:flex-end;\n padding:26px;color:var(--white);\n transition:var(--trans);\n }\n .project-card:hover .project-overlay{\n background:linear-gradient(180deg,rgba(122,18,32,.55) 0%,rgba(5,14,36,.92));\n }\n .project-overlay h3{color:var(--white);font-size:20px;margin-bottom:4px}\n .project-overlay p{color:rgba(255,255,255,.8);font-size:14px}\n .project-tag{\n position:absolute;top:18px;left:18px;\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n color:var(--navy-dark);\n padding:6px 14px;border-radius:40px;\n font-size:12px;font-weight:700;letter-spacing:1px;\n }\n\n \/* ===== Process ===== *\/\n .process{background:var(--offwhite)}\n .process-steps{\n display:grid;grid-template-columns:repeat(5,1fr);gap:20px;\n position:relative;\n }\n .process-steps::before{\n content:\"\";position:absolute;top:40px;left:5%;right:5%;height:2px;\n background:linear-gradient(90deg,var(--gold),var(--maroon));\n opacity:.3;\n }\n .step{\n text-align:center;position:relative;z-index:2;\n background:var(--white);padding:30px 20px;\n border-radius:var(--radius-lg);\n border:1px solid var(--border);\n transition:var(--trans);\n }\n .step:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}\n .step-num{\n width:74px;height:74px;margin:0 auto 18px;\n background:var(--white);\n border:2px dashed var(--gold);\n border-radius:50%;display:grid;place-items:center;\n font-size:28px;font-weight:800;color:var(--maroon);\n font-family:'Poppins';\n transition:var(--trans);\n position:relative;\n }\n .step:hover .step-num{\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n border-color:transparent;color:var(--navy-dark);\n border-style:solid;\n transform:rotate(360deg);\n }\n .step h4{font-size:17px;margin-bottom:6px}\n .step p{color:var(--muted);font-size:13.5px}\n\n \/* ===== CTA Banner ===== *\/\n .cta-banner{\n background:\n linear-gradient(120deg,rgba(5,14,36,.92),rgba(122,18,32,.85)),\n url('https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1920&q=80') center\/cover no-repeat;\n padding:80px 0;color:var(--white);\n text-align:center;\n }\n .cta-banner h2{color:var(--white);font-size:clamp(24px,3.4vw,38px);margin-bottom:14px}\n .cta-banner p{color:rgba(255,255,255,.85);margin-bottom:30px;font-size:17px}\n .cta-banner .hero-cta{justify-content:center;margin-bottom:0}\n\n \/* ===== Contact ===== *\/\n .contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}\n .contact-info{display:flex;flex-direction:column;gap:20px}\n .contact-card{\n background:var(--offwhite);\n padding:24px 26px;border-radius:var(--radius-lg);\n display:flex;align-items:center;gap:18px;\n border:1px solid var(--border);\n transition:var(--trans);\n }\n .contact-card:hover{transform:translateX(6px);border-color:var(--gold);box-shadow:var(--shadow-sm)}\n .contact-card .ico{\n width:54px;height:54px;min-width:54px;\n background:linear-gradient(135deg,var(--gold-light),var(--gold));\n color:var(--navy-dark);\n border-radius:14px;display:grid;place-items:center;\n }\n .contact-card .ico svg{width:24px;height:24px}\n .contact-card h4{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:4px;letter-spacing:1px}\n .contact-card a{font-size:18px;font-weight:700;color:var(--navy)}\n .contact-card a:hover{color:var(--maroon)}\n\n .contact-form{\n background:var(--white);\n padding:36px;border-radius:var(--radius-lg);\n border:1px solid var(--border);\n box-shadow:var(--shadow-sm);\n }\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n .form-group{margin-bottom:16px}\n .form-group label{\n display:block;font-size:13px;font-weight:600;color:var(--navy);\n margin-bottom:8px;letter-spacing:.5px;\n }\n .form-group input,\n .form-group select,\n .form-group textarea{\n width:100%;padding:14px 16px;\n border:1.5px solid var(--border);\n border-radius:12px;\n font-family:inherit;font-size:15px;color:var(--text);\n background:var(--offwhite);\n transition:var(--trans);\n outline:none;\n }\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus{\n border-color:var(--gold);\n background:var(--white);\n box-shadow:0 0 0 4px rgba(232,185,58,.15);\n }\n .form-group textarea{resize:vertical;min-height:110px}\n .contact-form .btn{width:100%}\n\n \/* ===== Floating Buttons ===== *\/\n .float-btn{\n position:fixed;bottom:24px;z-index:90;\n width:60px;height:60px;border-radius:50%;\n display:grid;place-items:center;\n box-shadow:0 14px 30px rgba(0,0,0,.25);\n transition:var(--trans);\n animation:pulse 2.4s ease-in-out infinite;\n }\n .float-btn:hover{transform:scale(1.1) translateY(-4px)}\n .float-btn svg{width:28px;height:28px;color:var(--white)}\n .float-wa{left:24px;background:#25D366}\n .float-call{right:24px;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark))}\n .float-call svg{color:var(--navy-dark)}\n\n @keyframes pulse{\n 0%,100%{box-shadow:0 14px 30px rgba(0,0,0,.25),0 0 0 0 rgba(232,185,58,.5)}\n 50%{box-shadow:0 14px 30px rgba(0,0,0,.25),0 0 0 14px rgba(232,185,58,0)}\n }\n\n \/* ===== Footer ===== *\/\n .footer{\n background:var(--navy-dark);color:rgba(255,255,255,.75);\n padding:70px 0 30px;position:relative;\n }\n .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}\n .footer h4{color:var(--white);font-size:17px;margin-bottom:20px;position:relative;padding-bottom:12px}\n .footer h4::after{\n content:\"\";position:absolute;bottom:0;left:0;width:40px;height:3px;\n background:linear-gradient(90deg,var(--gold),var(--maroon));border-radius:3px;\n }\n .footer .logo-text .name{color:var(--white);font-size:20px}\n .footer .logo-text .tag{color:rgba(255,255,255,.6)}\n .footer-about p{margin-top:16px;font-size:14.5px}\n .footer ul{list-style:none}\n .footer ul li{margin-bottom:10px;font-size:14.5px}\n .footer ul li a{transition:var(--trans);display:inline-flex;align-items:center;gap:8px}\n .footer ul li a::before{content:\"\u203a\";color:var(--gold);font-weight:700}\n .footer ul li a:hover{color:var(--gold);transform:translateX(4px)}\n .footer-contact li{display:flex;align-items:flex-start;gap:10px}\n .footer-contact li svg{width:16px;height:16px;color:var(--gold);margin-top:5px;flex-shrink:0}\n .footer-bottom{\n padding-top:26px;border-top:1px solid rgba(255,255,255,.1);\n display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;\n font-size:13.5px;color:rgba(255,255,255,.55);\n }\n .footer-bottom a:hover{color:var(--gold)}\n\n \/* ===== Reveal Animation ===== *\/\n .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}\n .reveal.in{opacity:1;transform:translateY(0)}\n\n \/* ===== Responsive ===== *\/\n @media (max-width:1024px){\n .hero-grid{grid-template-columns:1fr;gap:50px}\n .floating-cards{margin:0 auto;flex-direction:row;flex-wrap:wrap;max-width:100%}\n .f-card{flex:1 1 260px;margin-left:0 !important}\n .about-grid,.whyus-grid,.contact-grid{grid-template-columns:1fr;gap:40px}\n .services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}\n .process-steps{grid-template-columns:repeat(2,1fr)}\n .process-steps::before{display:none}\n .footer-grid{grid-template-columns:1fr 1fr;gap:30px}\n }\n @media (max-width:768px){\n .section{padding:70px 0}\n .menu{\n position:fixed;top:78px;left:0;right:0;\n background:var(--white);\n flex-direction:column;align-items:stretch;\n padding:20px;gap:4px;\n box-shadow:var(--shadow);\n transform:translateY(-20px);opacity:0;pointer-events:none;\n transition:var(--trans);\n border-top:1px solid var(--border);\n }\n .menu.open{transform:translateY(0);opacity:1;pointer-events:auto}\n .menu a{padding:14px 18px;border-radius:10px}\n .menu a:hover{background:var(--offwhite)}\n .hamburger{display:block}\n .call-btn .call-text{display:none}\n .call-btn{padding:10px 14px}\n .hero{padding:120px 0 70px}\n .hero-stats{grid-template-columns:1fr 1fr;gap:14px}\n .stat-num{font-size:26px}\n .services-grid,.projects-grid,.form-row,.footer-grid{grid-template-columns:1fr}\n .process-steps{grid-template-columns:1fr}\n .about-features{grid-template-columns:1fr}\n .hero-cta{justify-content:center}\n .footer-bottom{justify-content:center;text-align:center}\n .contact-form{padding:26px 20px}\n .f-card:nth-child(2),.f-card:nth-child(3){margin-left:0}\n }\n @media (max-width:480px){\n .btn{padding:12px 22px;font-size:14px}\n .hero-stats{grid-template-columns:1fr}\n .logo-text .name{font-size:15px}\n .logo-text .tag{display:none}\n .float-btn{width:54px;height:54px;bottom:18px}\n .float-wa{left:18px}\n .float-call{right:18px}\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- ============ HEADER ============ -->\n<header class=\"header\" id=\"header\">\n <div class=\"container\">\n <nav class=\"nav\">\n <a href=\"#home\" class=\"logo\" aria-label=\"\u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938\">\n <div class=\"logo-mark\">VB<\/div>\n <div class=\"logo-text\">\n <span class=\"name\">\u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938<\/span>\n <span class=\"tag\">CONSTRUCTION \u00b7 SINCE 2010<\/span>\n <\/div>\n <\/a>\n\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#projects\">Projects<\/a><\/li>\n <li><a href=\"#whyus\">Why Us<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n\n <div class=\"nav-cta\">\n <a href=\"tel:+919569050990\" class=\"call-btn\" aria-label=\"Call Now\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <span class=\"call-text\">Call Now<\/span>\n <\/a>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n <\/nav>\n <\/div>\n<\/header>\n\n<!-- ============ HERO ============ -->\n<section class=\"hero\" id=\"home\">\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div class=\"hero-left reveal\">\n <span class=\"hero-brand\">\u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938<\/span>\n <h1>\u0905\u092c \u092e\u0915\u093e\u0928 \u092c\u0928\u093e\u0928\u093e \u0939\u0941\u0906 <span class=\"gold\">\u0906\u0938\u093e\u0928<\/span><\/h1>\n <p class=\"hero-sub\">\u0915\u093e\u0928\u092a\u0941\u0930 \u0914\u0930 \u0932\u0916\u0928\u090a \u0915\u0940 \u0938\u092b\u0932\u0924\u093e \u0915\u0947 \u092c\u093e\u0926 \u0905\u092c \u0906\u092a\u0915\u0947 \u0936\u0939\u0930 \u092e\u0947\u0902 \u0906\u092a\u0915\u0947 \u092a\u093e\u0938<\/p>\n <p class=\"hero-tagline\">\"\u0906\u092a\u0915\u093e \u0938\u092a\u0928\u093e, \u0939\u092e\u093e\u0930\u0940 \u091c\u093f\u092e\u094d\u092e\u0947\u0926\u093e\u0930\u0940\"<\/p>\n\n <div class=\"hero-cta\">\n <a href=\"https:\/\/wa.me\/916388120130\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg>\n WhatsApp \u0915\u0930\u0947\u0902\n <\/a>\n <a href=\"tel:+919569050990\" class=\"btn btn-outline\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n Call Now\n <\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div><div class=\"stat-num\">15+<\/div><div class=\"stat-label\">YEARS EXPERIENCE<\/div><\/div>\n <div><div class=\"stat-num\">500+<\/div><div class=\"stat-label\">PROJECTS DONE<\/div><\/div>\n <div><div class=\"stat-num\">100%<\/div><div class=\"stat-label\">CLIENT SATISFACTION<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right reveal\">\n <div class=\"floating-cards\">\n <div class=\"f-card\">\n <div class=\"f-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 2 7l10 5 10-5-10-5Z\"\/><path d=\"m2 17 10 5 10-5\"\/><path d=\"m2 12 10 5 10-5\"\/><\/svg>\n <\/div>\n <div><h4>High Quality Material<\/h4><p>\u092c\u094d\u0930\u093e\u0902\u0921\u0947\u0921 \u0914\u0930 \u092a\u094d\u0930\u092e\u093e\u0923\u093f\u0924 \u0938\u093e\u092e\u0917\u094d\u0930\u0940<\/p><\/div>\n <\/div>\n <div class=\"f-card\">\n <div class=\"f-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <\/div>\n <div><h4>On Time Delivery<\/h4><p>\u0938\u092e\u092f \u092a\u0930 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f \u0915\u0940 \u0921\u093f\u0932\u0940\u0935\u0930\u0940<\/p><\/div>\n <\/div>\n <div class=\"f-card\">\n <div class=\"f-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <\/div>\n <div><h4>Expert Team<\/h4><p>\u0905\u0928\u0941\u092d\u0935\u0940 \u0907\u0902\u091c\u0940\u0928\u093f\u092f\u0930 \u0914\u0930 \u0915\u093e\u0930\u0940\u0917\u0930<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ ABOUT ============ -->\n<section class=\"section about\" id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-img reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=900&q=80\" alt=\"Construction team at work\" loading=\"lazy\">\n <div class=\"about-badge\">\n <div class=\"num\">15+<\/div>\n <div class=\"lbl\">\u0935\u0930\u094d\u0937\u094b\u0902 \u0915\u093e \u0905\u0928\u0941\u092d\u0935<\/div>\n <\/div>\n <\/div>\n <div class=\"reveal\">\n <span class=\"eyebrow\">About Us<\/span>\n <h2 class=\"section-title\">\u0939\u092e\u093e\u0930\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902<\/h2>\n <p>\u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938 \u090f\u0915 \u092d\u0930\u094b\u0938\u0947\u092e\u0902\u0926 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0915\u0902\u092a\u0928\u0940 \u0939\u0948, \u091c\u094b \u0906\u092a\u0915\u0947 \u0938\u092a\u0928\u094b\u0902 \u0915\u0947 \u0918\u0930, \u0915\u092e\u0930\u094d\u0936\u093f\u092f\u0932 \u092c\u093f\u0932\u094d\u0921\u093f\u0902\u0917, \u092a\u094d\u0932\u0949\u091f \u0921\u0947\u0935\u0932\u092a\u092e\u0947\u0902\u091f \u0914\u0930 \u0930\u093f\u0928\u094b\u0935\u0947\u0936\u0928 \u0915\u094b \u092a\u094d\u0930\u094b\u092b\u0947\u0936\u0928\u0932 \u0924\u0930\u0940\u0915\u0947 \u0938\u0947 \u092a\u0942\u0930\u093e \u0915\u0930\u0924\u0940 \u0939\u0948\u0964<\/p>\n <p>\u0939\u092e\u093e\u0930\u093e \u0932\u0915\u094d\u0937\u094d\u092f \u0939\u0948 \u0909\u091a\u094d\u091a \u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e, \u092a\u093e\u0930\u0926\u0930\u094d\u0936\u0940 \u0915\u0940\u092e\u0924 \u0914\u0930 \u0938\u092e\u092f \u092a\u0930 \u0921\u093f\u0932\u0940\u0935\u0930\u0940 \u0915\u0947 \u0938\u093e\u0925 \u0939\u0930 \u0917\u094d\u0930\u093e\u0939\u0915 \u0915\u094b \u092c\u0947\u0939\u0924\u0930 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0938\u0947\u0935\u093e \u0926\u0947\u0928\u093e\u0964<\/p>\n\n <div class=\"about-features\">\n <div><span class=\"check\">\u2713<\/span> \u092c\u094d\u0930\u093e\u0902\u0921\u0947\u0921 \u0938\u093e\u092e\u0917\u094d\u0930\u0940<\/div>\n <div><span class=\"check\">\u2713<\/span> \u092a\u093e\u0930\u0926\u0930\u094d\u0936\u0940 \u0915\u0940\u092e\u0924\u0947\u0902<\/div>\n <div><span class=\"check\">\u2713<\/span> \u0938\u092e\u092f \u092a\u0930 \u0921\u093f\u0932\u0940\u0935\u0930\u0940<\/div>\n <div><span class=\"check\">\u2713<\/span> \u0905\u0928\u0941\u092d\u0935\u0940 \u091f\u0940\u092e<\/div>\n <\/div>\n\n <a href=\"#contact\" class=\"btn btn-primary\">\u0905\u092d\u0940 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ SERVICES ============ -->\n<section class=\"section\" id=\"services\">\n <div class=\"container\">\n <div class=\"center reveal\">\n <span class=\"eyebrow\">Our Services<\/span>\n <h2 class=\"section-title\">\u0939\u092e\u093e\u0930\u0940 \u0938\u0947\u0935\u093e\u090f\u0902<\/h2>\n <p class=\"section-sub\">\u0930\u0947\u091c\u093f\u0921\u0947\u0902\u0936\u093f\u092f\u0932 \u0938\u0947 \u0932\u0947\u0915\u0930 \u0915\u092e\u0930\u094d\u0936\u093f\u092f\u0932, \u092a\u094d\u0932\u0949\u091f \u0921\u0947\u0935\u0932\u092a\u092e\u0947\u0902\u091f \u0938\u0947 \u0932\u0947\u0915\u0930 \u091f\u0930\u094d\u0928\u0915\u0940 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f\u094d\u0938 \u2014 \u0939\u0930 \u0924\u0930\u0939 \u0915\u0940 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0938\u0947\u0935\u093e \u090f\u0915 \u091b\u0924 \u0915\u0947 \u0928\u0940\u091a\u0947\u0964<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9 12 2l9 7v11a2 2 0 0 1-2 2h-4v-7h-6v7H5a2 2 0 0 1-2-2V9Z\"\/><\/svg>\n <\/div>\n <h3>\u0930\u0947\u091c\u093f\u0921\u0947\u0902\u0936\u093f\u092f\u0932 \u0915\u0902\u0938\u094d\u091f\u094d\u0930\u0915\u094d\u0936\u0928<\/h3>\n <p>\u0906\u092a\u0915\u0947 \u0938\u092a\u0928\u094b\u0902 \u0915\u0947 \u0918\u0930 \u0915\u093e \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0906\u0927\u0941\u0928\u093f\u0915 \u0921\u093f\u091c\u093e\u0907\u0928 \u0914\u0930 \u092e\u091c\u092c\u0942\u0924 \u092c\u0941\u0928\u093f\u092f\u093e\u0926 \u0915\u0947 \u0938\u093e\u0925\u0964<\/p>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"9\" y1=\"22\" x2=\"9\" y2=\"2\"\/><line x1=\"15\" y1=\"22\" x2=\"15\" y2=\"2\"\/><line x1=\"4\" y1=\"9\" x2=\"20\" y2=\"9\"\/><line x1=\"4\" y1=\"15\" x2=\"20\" y2=\"15\"\/><\/svg>\n <\/div>\n <h3>\u0915\u092e\u0930\u094d\u0936\u093f\u092f\u0932 \u092c\u093f\u0932\u094d\u0921\u093f\u0902\u0917\u094d\u0938<\/h3>\n <p>\u0911\u092b\u093f\u0938, \u0936\u0949\u092a\u093f\u0902\u0917 \u0915\u0949\u092e\u094d\u092a\u094d\u0932\u0947\u0915\u094d\u0938 \u0914\u0930 \u0939\u094b\u091f\u0932 \u091c\u0948\u0938\u0947 \u0915\u092e\u0930\u094d\u0936\u093f\u092f\u0932 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f\u094d\u0938 \u0915\u093e \u092a\u094d\u0930\u094b\u092b\u0947\u0936\u0928\u0932 \u0928\u093f\u0930\u094d\u092e\u093e\u0923\u0964<\/p>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 20h18\"\/><path d=\"M5 20V8l7-5 7 5v12\"\/><path d=\"M9 20v-6h6v6\"\/><\/svg>\n <\/div>\n <h3>\u092a\u094d\u0932\u0949\u091f \u0921\u0947\u0935\u0932\u092a\u092e\u0947\u0902\u091f<\/h3>\n <p>\u0916\u093e\u0932\u0940 \u092a\u094d\u0932\u0949\u091f \u0915\u094b \u092a\u0942\u0930\u094d\u0923 \u0935\u093f\u0915\u0938\u093f\u0924 \u0914\u0930 \u092c\u0947\u091a\u0928\u0947 \u092f\u094b\u0917\u094d\u092f \u092a\u094d\u0930\u0949\u092a\u0930\u094d\u091f\u0940 \u092e\u0947\u0902 \u0924\u0948\u092f\u093e\u0930 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902\u0964<\/p>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76Z\"\/><\/svg>\n <\/div>\n <h3>\u0930\u093f\u0928\u094b\u0935\u0947\u0936\u0928 & \u0930\u0940\u092e\u0949\u0921\u0932\u093f\u0902\u0917<\/h3>\n <p>\u092a\u0941\u0930\u093e\u0928\u0940 \u0907\u092e\u093e\u0930\u0924\u094b\u0902 \u0915\u094b \u0906\u0927\u0941\u0928\u093f\u0915 \u0932\u0941\u0915 \u0914\u0930 \u092c\u0947\u0939\u0924\u0930 \u0938\u094d\u091f\u094d\u0930\u0915\u094d\u091a\u0930 \u0915\u0947 \u0938\u093e\u0925 \u092a\u0942\u0930\u0940 \u0924\u0930\u0939 \u0938\u0947 \u0928\u092f\u093e \u092c\u0928\u093e\u090f\u0902\u0964<\/p>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7h18M3 12h18M3 17h18\"\/><circle cx=\"6\" cy=\"7\" r=\"1.5\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"\/><circle cx=\"18\" cy=\"17\" r=\"1.5\" fill=\"currentColor\"\/><\/svg>\n <\/div>\n <h3>\u091f\u0930\u094d\u0928\u0915\u0940 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f\u094d\u0938<\/h3>\n <p>\u092a\u094d\u0932\u093e\u0928\u093f\u0902\u0917 \u0938\u0947 \u0932\u0947\u0915\u0930 \u0921\u093f\u091c\u093e\u0907\u0928, \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0914\u0930 \u0921\u093f\u0932\u0940\u0935\u0930\u0940 \u0924\u0915 \u2014 \u090f\u0915 \u0915\u0941\u0902\u091c\u0940 \u092e\u0947\u0902 \u092a\u0942\u0930\u093e \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f\u0964<\/p>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n <\/div>\n <h3>\u0907\u0902\u091f\u0940\u0930\u093f\u092f\u0930 & \u090f\u0915\u094d\u0938\u091f\u0940\u0930\u093f\u092f\u0930<\/h3>\n <p>\u0936\u093e\u0928\u0926\u093e\u0930 \u0907\u0902\u091f\u0940\u0930\u093f\u092f\u0930 \u0914\u0930 \u0906\u0915\u0930\u094d\u0937\u0915 \u090f\u0915\u094d\u0938\u091f\u0940\u0930\u093f\u092f\u0930 \u0921\u093f\u091c\u093e\u0907\u0928 \u0938\u0947 \u0906\u092a\u0915\u0940 \u092a\u094d\u0930\u0949\u092a\u0930\u094d\u091f\u0940 \u0915\u094b \u092c\u0947\u0939\u0924\u0930 \u0932\u0941\u0915 \u0926\u0947\u0902\u0964<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ WHY US ============ -->\n<section class=\"section whyus\" id=\"whyus\">\n <div class=\"container\">\n <div class=\"whyus-grid\">\n <div class=\"reveal\">\n <span class=\"eyebrow\">Why Choose Us<\/span>\n <h2 class=\"section-title\">\u0939\u092e\u093e\u0930\u0940 \u0935\u093f\u0936\u0947\u0937\u0924\u093e\u090f\u0902<\/h2>\n <p class=\"section-sub\">\u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e, \u0908\u092e\u093e\u0928\u0926\u093e\u0930\u0940 \u0914\u0930 \u0938\u092e\u092f \u092a\u0930 \u0915\u093e\u092e \u2014 \u092f\u0939\u0940 \u0935\u091c\u0939 \u0939\u0948 \u0915\u093f \u0932\u094b\u0917 \u0939\u092e\u0947\u0902 \u0926\u094b\u092c\u093e\u0930\u093e \u091a\u0941\u0928\u0924\u0947 \u0939\u0948\u0902\u0964<\/p>\n\n <ul class=\"whyus-list\">\n <li><span class=\"check\">\u2713<\/span> \u0909\u091a\u094d\u091a \u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e \u0935\u093e\u0932\u0940 \u0938\u093e\u092e\u0917\u094d\u0930\u0940<\/li>\n <li><span class=\"check\">\u2713<\/span> \u092a\u093e\u0930\u0926\u0930\u094d\u0936\u0940 \u0915\u0940\u092e\u0924\u0947\u0902<\/li>\n <li><span class=\"check\">\u2713<\/span> \u0938\u092e\u092f \u092a\u0930 \u0921\u093f\u0932\u0940\u0935\u0930\u0940<\/li>\n <li><span class=\"check\">\u2713<\/span> \u0905\u0928\u0941\u092d\u0935\u0940 \u091f\u0940\u092e<\/li>\n <li><span class=\"check\">\u2713<\/span> \u0906\u0927\u0941\u0928\u093f\u0915 \u0921\u093f\u091c\u093e\u0907\u0928<\/li>\n <li><span class=\"check\">\u2713<\/span> \u092e\u091c\u092c\u0942\u0924 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\/li>\n <li><span class=\"check\">\u2713<\/span> \u0917\u094d\u0930\u093e\u0939\u0915 \u0938\u0902\u0924\u0941\u0937\u094d\u091f\u093f \u0939\u092e\u093e\u0930\u0940 \u092a\u094d\u0930\u093e\u0925\u092e\u093f\u0915\u0924\u093e<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"whyus-img reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=900&q=80\" alt=\"Modern construction project\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ PROJECTS ============ -->\n<section class=\"section\" id=\"projects\">\n <div class=\"container\">\n <div class=\"center reveal\">\n <span class=\"eyebrow\">Our Projects<\/span>\n <h2 class=\"section-title\">\u0939\u092e\u093e\u0930\u0947 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f\u094d\u0938<\/h2>\n <p class=\"section-sub\">\u0939\u092e\u093e\u0930\u0947 \u0915\u0941\u091b \u091a\u0941\u0928\u093f\u0902\u0926\u093e \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f\u094d\u0938 \u091c\u094b \u0939\u092e\u093e\u0930\u0940 \u0915\u094d\u0935\u093e\u0932\u093f\u091f\u0940 \u0914\u0930 \u092a\u094d\u0930\u094b\u092b\u0947\u0936\u0928\u0932\u093f\u091c\u094d\u092e \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u0947 \u0939\u0948\u0902\u0964<\/p>\n <\/div>\n\n <div class=\"projects-grid\">\n <div class=\"project-card reveal\">\n <span class=\"project-tag\">RESIDENTIAL<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568605114967-8130f3a36994?auto=format&fit=crop&w=800&q=80\" alt=\"Residential House\" loading=\"lazy\">\n <div class=\"project-overlay\"><h3>Residential House<\/h3><p>\u0932\u0915\u094d\u091c\u0930\u0940 \u092b\u0948\u092e\u093f\u0932\u0940 \u0939\u094b\u092e<\/p><\/div>\n <\/div>\n <div class=\"project-card reveal\">\n <span class=\"project-tag\">COMMERCIAL<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=800&q=80\" alt=\"Commercial Building\" loading=\"lazy\">\n <div class=\"project-overlay\"><h3>Commercial Building<\/h3><p>\u0915\u092e\u0930\u094d\u0936\u093f\u092f\u0932 \u0915\u0949\u092e\u094d\u092a\u094d\u0932\u0947\u0915\u094d\u0938<\/p><\/div>\n <\/div>\n <div class=\"project-card reveal\">\n <span class=\"project-tag\">ONGOING<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=800&q=80\" alt=\"Construction Site\" loading=\"lazy\">\n <div class=\"project-overlay\"><h3>Construction Site<\/h3><p>\u091a\u0932 \u0930\u0939\u093e \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f<\/p><\/div>\n <\/div>\n <div class=\"project-card reveal\">\n <span class=\"project-tag\">RENOVATION<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=800&q=80\" alt=\"Renovation Work\" loading=\"lazy\">\n <div class=\"project-overlay\"><h3>Renovation Work<\/h3><p>\u092a\u0941\u0930\u093e\u0928\u0940 \u0907\u092e\u093e\u0930\u0924 \u0915\u093e \u0915\u093e\u092f\u093e\u0915\u0932\u094d\u092a<\/p><\/div>\n <\/div>\n <div class=\"project-card reveal\">\n <span class=\"project-tag\">PLOTS<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=800&q=80\" alt=\"Plot Development\" loading=\"lazy\">\n <div class=\"project-overlay\"><h3>Plot Development<\/h3><p>\u092a\u094d\u0932\u0949\u091f \u0921\u0947\u0935\u0932\u092a\u092e\u0947\u0902\u091f<\/p><\/div>\n <\/div>\n <div class=\"project-card reveal\">\n <span class=\"project-tag\">MODERN<\/span>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=800&q=80\" alt=\"Modern Home Design\" loading=\"lazy\">\n <div class=\"project-overlay\"><h3>Modern Home Design<\/h3><p>\u0906\u0927\u0941\u0928\u093f\u0915 \u0921\u093f\u091c\u093e\u0907\u0928<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ PROCESS ============ -->\n<section class=\"section process\">\n <div class=\"container\">\n <div class=\"center reveal\">\n <span class=\"eyebrow\">Our Process<\/span>\n <h2 class=\"section-title\">\u0939\u092e\u093e\u0930\u093e \u0915\u093e\u092e \u0915\u0930\u0928\u0947 \u0915\u093e \u0924\u0930\u0940\u0915\u093e<\/h2>\n <p class=\"section-sub\">5 \u0938\u0930\u0932 \u0938\u094d\u091f\u0947\u092a\u094d\u0938 \u092e\u0947\u0902 \u0906\u092a\u0915\u093e \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f \u0924\u0948\u092f\u093e\u0930 \u2014 \u092a\u0942\u0930\u0940 \u092a\u093e\u0930\u0926\u0930\u094d\u0936\u093f\u0924\u093e \u0914\u0930 \u092a\u094d\u0930\u094b\u092b\u0947\u0936\u0928\u0932\u093f\u091c\u094d\u092e \u0915\u0947 \u0938\u093e\u0925\u0964<\/p>\n <\/div>\n\n <div class=\"process-steps\">\n <div class=\"step reveal\"><div class=\"step-num\">01<\/div><h4>Consultation<\/h4><p>\u0906\u092a\u0915\u0940 \u091c\u0930\u0942\u0930\u0924\u094b\u0902 \u0915\u0940 \u0938\u092e\u091d<\/p><\/div>\n <div class=\"step reveal\"><div class=\"step-num\">02<\/div><h4>Site Visit<\/h4><p>\u0938\u093e\u0907\u091f \u0915\u093e \u0928\u093f\u0930\u0940\u0915\u094d\u0937\u0923<\/p><\/div>\n <div class=\"step reveal\"><div class=\"step-num\">03<\/div><h4>Planning<\/h4><p>\u092a\u094d\u0932\u093e\u0928\u093f\u0902\u0917 \u0914\u0930 \u0915\u094b\u091f\u0947\u0936\u0928<\/p><\/div>\n <div class=\"step reveal\"><div class=\"step-num\">04<\/div><h4>Construction<\/h4><p>\u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0915\u093e\u0930\u094d\u092f \u0936\u0941\u0930\u0942<\/p><\/div>\n <div class=\"step reveal\"><div class=\"step-num\">05<\/div><h4>Delivery<\/h4><p>\u0938\u092e\u092f \u092a\u0930 \u0921\u093f\u0932\u0940\u0935\u0930\u0940<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ CTA BANNER ============ -->\n<section class=\"cta-banner\">\n <div class=\"container reveal\">\n <h2>\u092c\u0928\u093e\u090f\u0902 \u092e\u091c\u092c\u0942\u0924 \u0928\u0940\u0902\u0935, \u0938\u0941\u0930\u0915\u094d\u0937\u093f\u0924 \u092d\u0935\u093f\u0937\u094d\u092f \u0915\u0940 \u0913\u0930 \u0915\u0926\u092e<\/h2>\n <p>\u0906\u091c \u0939\u0940 \u0939\u092e\u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902 \u0914\u0930 \u0905\u092a\u0928\u0947 \u0938\u092a\u0928\u094b\u0902 \u0915\u0947 \u0918\u0930 \u0915\u0940 \u0936\u0941\u0930\u0941\u0906\u0924 \u0915\u0930\u0947\u0902\u0964<\/p>\n <div class=\"hero-cta\">\n <a href=\"https:\/\/wa.me\/916388120130\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\n WhatsApp \u092a\u0930 \u092c\u093e\u0924 \u0915\u0930\u0947\u0902\n <\/a>\n <a href=\"tel:+919569050990\" class=\"btn btn-outline\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n \u0905\u092d\u0940 \u0915\u0949\u0932 \u0915\u0930\u0947\u0902\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ CONTACT ============ -->\n<section class=\"section\" id=\"contact\">\n <div class=\"container\">\n <div class=\"center reveal\">\n <span class=\"eyebrow\">Contact Us<\/span>\n <h2 class=\"section-title\">\u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h2>\n <p class=\"section-sub\">\u0905\u092a\u0928\u0947 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u092c\u093e\u0924 \u0915\u0930\u0947\u0902 \u2014 \u0939\u092e 24 \u0918\u0902\u091f\u0947 \u0915\u0947 \u0905\u0902\u0926\u0930 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902\u0917\u0947\u0964<\/p>\n <\/div>\n\n <div class=\"contact-grid\">\n <div class=\"contact-info reveal\">\n <div class=\"contact-card\">\n <div class=\"ico\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg>\n <\/div>\n <div><h4>WHATSAPP<\/h4><a href=\"https:\/\/wa.me\/916388120130\" target=\"_blank\" rel=\"noopener\">+91 63881 20130<\/a><\/div>\n <\/div>\n\n <div class=\"contact-card\">\n <div class=\"ico\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <\/div>\n <div><h4>CALL US<\/h4><a href=\"tel:+919569050990\">+91 95690 50990<\/a><\/div>\n <\/div>\n\n <div class=\"contact-card\">\n <div class=\"ico\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <\/div>\n <div><h4>WORKING HOURS<\/h4><a>\u0938\u094b\u092e\u0935\u093e\u0930 - \u0930\u0935\u093f\u0935\u093e\u0930 \u00b7 9:00 AM - 8:00 PM<\/a><\/div>\n <\/div>\n\n <div class=\"contact-card\">\n <div class=\"ico\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/div>\n <div><h4>OFFICE<\/h4><a>\u0915\u093e\u0928\u092a\u0941\u0930 \u00b7 \u0932\u0916\u0928\u090a<\/a><\/div>\n <\/div>\n <\/div>\n\n <form class=\"contact-form reveal\" id=\"contactForm\" onsubmit=\"return openWhatsApp(event)\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"name\">\u0906\u092a\u0915\u093e \u0928\u093e\u092e *<\/label>\n <input type=\"text\" id=\"name\" placeholder=\"\u091c\u0948\u0938\u0947 - \u0930\u093e\u091c\u0940\u0935 \u0915\u0941\u092e\u093e\u0930\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"mobile\">\u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930 *<\/label>\n <input type=\"tel\" id=\"mobile\" placeholder=\"9xxxxxxxxx\" pattern=\"[0-9]{10}\" required>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"service\">\u0915\u094c\u0928 \u0938\u0940 \u0938\u0947\u0935\u093e \u091a\u093e\u0939\u093f\u090f? *<\/label>\n <select id=\"service\" required>\n <option value=\"\">\u091a\u0941\u0928\u0947\u0902...<\/option>\n <option>\u0930\u0947\u091c\u093f\u0921\u0947\u0902\u0936\u093f\u092f\u0932 \u0915\u0902\u0938\u094d\u091f\u094d\u0930\u0915\u094d\u0936\u0928<\/option>\n <option>\u0915\u092e\u0930\u094d\u0936\u093f\u092f\u0932 \u092c\u093f\u0932\u094d\u0921\u093f\u0902\u0917<\/option>\n <option>\u092a\u094d\u0932\u0949\u091f \u0921\u0947\u0935\u0932\u092a\u092e\u0947\u0902\u091f<\/option>\n <option>\u0930\u093f\u0928\u094b\u0935\u0947\u0936\u0928 & \u0930\u0940\u092e\u0949\u0921\u0932\u093f\u0902\u0917<\/option>\n <option>\u091f\u0930\u094d\u0928\u0915\u0940 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f<\/option>\n <option>\u0907\u0902\u091f\u0940\u0930\u093f\u092f\u0930 \/ \u090f\u0915\u094d\u0938\u091f\u0940\u0930\u093f\u092f\u0930<\/option>\n <option>\u0905\u0928\u094d\u092f<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message\">\u0938\u0902\u0926\u0947\u0936<\/label>\n <textarea id=\"message\" placeholder=\"\u0905\u092a\u0928\u0940 \u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u0925\u094b\u0921\u093c\u093e \u092c\u0924\u093e\u090f\u0902...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\">\n WhatsApp \u092a\u0930 \u092d\u0947\u091c\u0947\u0902\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg>\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ FOOTER ============ -->\n<footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-about\">\n <a href=\"#home\" class=\"logo\" style=\"margin-bottom:6px\">\n <div class=\"logo-mark\">VB<\/div>\n <div class=\"logo-text\">\n <span class=\"name\">\u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938<\/span>\n <span class=\"tag\">CONSTRUCTION \u00b7 EST. 2010<\/span>\n <\/div>\n <\/a>\n <p>\u0906\u092a\u0915\u093e \u0938\u092a\u0928\u093e, \u0939\u092e\u093e\u0930\u0940 \u091c\u093f\u092e\u094d\u092e\u0947\u0926\u093e\u0930\u0940\u0964 \u0915\u093e\u0928\u092a\u0941\u0930 \u0914\u0930 \u0932\u0916\u0928\u090a \u0915\u0940 \u0938\u092b\u0932\u0924\u093e \u0915\u0947 \u092c\u093e\u0926 \u0905\u092c \u0906\u092a\u0915\u0947 \u0936\u0939\u0930 \u092e\u0947\u0902 \u092a\u094d\u0930\u094b\u092b\u0947\u0936\u0928\u0932 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0938\u0947\u0935\u093e\u090f\u0902\u0964<\/p>\n <\/div>\n\n <div>\n <h4>Quick Links<\/h4>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#about\">About Us<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#projects\">Projects<\/a><\/li>\n <li><a href=\"#whyus\">Why Us<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4>Services<\/h4>\n <ul>\n <li><a href=\"#services\">Residential<\/a><\/li>\n <li><a href=\"#services\">Commercial<\/a><\/li>\n <li><a href=\"#services\">Plot Development<\/a><\/li>\n <li><a href=\"#services\">Renovation<\/a><\/li>\n <li><a href=\"#services\">Turnkey Projects<\/a><\/li>\n <li><a href=\"#services\">Interior Work<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4>Contact<\/h4>\n <ul class=\"footer-contact\">\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <a href=\"tel:+919569050990\">+91 95690 50990<\/a>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\n <a href=\"https:\/\/wa.me\/916388120130\" target=\"_blank\" rel=\"noopener\">+91 63881 20130<\/a>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <span>\u0915\u093e\u0928\u092a\u0941\u0930 \u00b7 \u0932\u0916\u0928\u090a, \u0909\u0924\u094d\u0924\u0930 \u092a\u094d\u0930\u0926\u0947\u0936<\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>Mon - Sun \u00b7 9 AM - 8 PM<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <div>\u00a9 <span id=\"year\"><\/span> \u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938. All rights reserved.<\/div>\n <div>Designed with \u2764\ufe0f for a better tomorrow.<\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<!-- ============ FLOATING BUTTONS ============ -->\n<a href=\"https:\/\/wa.me\/916388120130\" target=\"_blank\" rel=\"noopener\" class=\"float-btn float-wa\" aria-label=\"WhatsApp\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg>\n<\/a>\n<a href=\"tel:+919569050990\" class=\"float-btn float-call\" aria-label=\"Call\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n<\/a>\n\n<script>\n \/\/ Header scroll effect\n const header = document.getElementById('header');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 30) header.classList.add('scrolled');\n else header.classList.remove('scrolled');\n });\n\n \/\/ Mobile menu\n const hamburger = document.getElementById('hamburger');\n const menu = document.getElementById('menu');\n hamburger.addEventListener('click', () => {\n hamburger.classList.toggle('open');\n menu.classList.toggle('open');\n });\n menu.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', () => {\n hamburger.classList.remove('open');\n menu.classList.remove('open');\n });\n });\n\n \/\/ Year\n document.getElementById('year').textContent = new Date().getFullYear();\n\n \/\/ Reveal on scroll\n const reveals = document.querySelectorAll('.reveal');\n const io = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('in');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n reveals.forEach(el => io.observe(el));\n\n \/\/ Contact form -> WhatsApp\n function openWhatsApp(e) {\n e.preventDefault();\n const name = document.getElementById('name').value.trim();\n const mobile = document.getElementById('mobile').value.trim();\n const service = document.getElementById('service').value;\n const message = document.getElementById('message').value.trim();\n\n const text =\n `*\u0928\u092e\u0938\u094d\u0924\u0947 \u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938 \ud83d\ude4f*%0A` +\n `-------------------------%0A` +\n `*\u0928\u093e\u092e:* ${name}%0A` +\n `*\u092e\u094b\u092c\u093e\u0907\u0932:* ${mobile}%0A` +\n `*\u0938\u0947\u0935\u093e:* ${service}%0A` +\n (message ? `*\u0938\u0902\u0926\u0947\u0936:* ${message}%0A` : '') +\n `-------------------------%0A` +\n `\u0915\u0943\u092a\u092f\u093e \u092e\u0941\u091d\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902\u0964`;\n\n window.open(`https:\/\/wa.me\/916388120130?text=${text}`, '_blank');\n return false;\n }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938 | \u0906\u092a\u0915\u093e \u0938\u092a\u0928\u093e, \u0939\u092e\u093e\u0930\u0940 \u091c\u093f\u092e\u094d\u092e\u0947\u0926\u093e\u0930\u0940 VB \u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938 CONSTRUCTION \u00b7 SINCE 2010 Home About Services Projects Why Us Contact Call Now \u0935\u0943\u0902\u0926\u093e\u0935\u0928 \u092c\u093f\u0932\u094d\u0921\u0930\u094d\u0938 \u0905\u092c \u092e\u0915\u093e\u0928 \u092c\u0928\u093e\u0928\u093e \u0939\u0941\u0906 \u0906\u0938\u093e\u0928 \u0915\u093e\u0928\u092a\u0941\u0930 \u0914\u0930 \u0932\u0916\u0928\u090a \u0915\u0940 \u0938\u092b\u0932\u0924\u093e \u0915\u0947 \u092c\u093e\u0926 \u0905\u092c \u0906\u092a\u0915\u0947 \u0936\u0939\u0930 \u092e\u0947\u0902 \u0906\u092a\u0915\u0947 \u092a\u093e\u0938 “\u0906\u092a\u0915\u093e \u0938\u092a\u0928\u093e, \u0939\u092e\u093e\u0930\u0940 \u091c\u093f\u092e\u094d\u092e\u0947\u0926\u093e\u0930\u0940” WhatsApp \u0915\u0930\u0947\u0902 Call Now 15+YEARS EXPERIENCE 500+PROJECTS DONE […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vrindavanbuilders.in\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vrindavanbuilders.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vrindavanbuilders.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vrindavanbuilders.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vrindavanbuilders.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/vrindavanbuilders.in\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/vrindavanbuilders.in\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/vrindavanbuilders.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}