{"id":30,"date":"2026-05-11T09:33:57","date_gmt":"2026-05-11T09:33:57","guid":{"rendered":"http:\/\/58.186.18.93:8093\/XayDung\/?page_id=30"},"modified":"2026-05-21T09:12:41","modified_gmt":"2026-05-21T09:12:41","slug":"trang-chu","status":"publish","type":"page","link":"http:\/\/58.186.18.93:8093\/XayDung\/","title":{"rendered":"Trang ch\u1ee7"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n N\u1ed9i dung - Trang ch\u1ee7<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700&display=swap');\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700&display=swap');\r\n\r\n :root {\r\n --primary-color: #266abe;\r\n --primary-light: #3a7fd4;\r\n --primary-dark: #1c5299;\r\n --secondary-color: #1f2937;\r\n --accent-color: #f59e0b;\r\n --background: #ffffff;\r\n --foreground: #1e293b;\r\n --muted: #f1f5f9;\r\n --muted-foreground: #64748b;\r\n --border-color: #e2e8f0;\r\n --card-bg: #ffffff;\r\n --section-bg: #f8fafc;\r\n --shadow-card: 0 4px 20px -4px rgba(30, 41, 59, 0.08);\r\n --shadow-card-hover: 0 12px 32px -8px rgba(30, 41, 59, 0.15);\r\n --radius: 0.75rem;\r\n --font-heading: 'Playfair Display', serif;\r\n --font-body: 'Inter', sans-serif;\r\n }\r\n\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n color: var(--foreground);\r\n background: var(--background);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n transition: color 0.2s;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n ul,\r\n ol {\r\n list-style: none;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n font-family: var(--font-heading);\r\n line-height: 1.2;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 1rem;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .container {\r\n padding: 0 1.5rem;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .container {\r\n padding: 0 2rem;\r\n }\r\n }\r\n\r\n .section-padding {\r\n padding: 2rem 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .section-padding {\r\n padding: 3rem 0;\r\n }\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n color: var(--primary-color);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.875rem;\r\n font-weight: 700;\r\n color: var(--secondary-color);\r\n margin-bottom: 1rem;\r\n font-family: var(--font-heading);\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .section-title {\r\n font-size: 2.25rem;\r\n }\r\n }\r\n\r\n .section-desc {\r\n color: var(--muted-foreground);\r\n max-width: 42rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .text-center {\r\n text-align: center;\r\n }\r\n\r\n .mx-auto {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .bg-section {\r\n background: var(--section-bg);\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--primary-color);\r\n color: #fff;\r\n padding: 0.875rem 2rem;\r\n border-radius: var(--radius);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-family: var(--font-body);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 25px rgba(38, 106, 190, 0.35);\r\n background: var(--primary-light);\r\n }\r\n\r\n .btn-accent {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--accent-color);\r\n color: #fff;\r\n padding: 0.875rem 2rem;\r\n border-radius: var(--radius);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-family: var(--font-body);\r\n }\r\n\r\n .btn-accent:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.35);\r\n }\r\n\r\n .btn-outline {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n border: 2px solid rgba(255, 255, 255, 0.4);\r\n color: #fff;\r\n padding: 0.875rem 2rem;\r\n border-radius: var(--radius);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n background: transparent;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-family: var(--font-body);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: #fff;\r\n color: var(--secondary-color);\r\n border-color: #fff;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .fade-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n }\r\n\r\n .fade-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .stagger-item {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\r\n }\r\n\r\n .stagger-item.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n :root {\r\n --primary-color: #266abe;\r\n --primary-light: #3a7fd4;\r\n --primary-dark: #1c5299;\r\n --secondary-color: #1f2937;\r\n --accent-color: #f59e0b;\r\n --background: #ffffff;\r\n --foreground: #1e293b;\r\n --muted: #f1f5f9;\r\n --muted-foreground: #64748b;\r\n --border-color: #e2e8f0;\r\n --card-bg: #ffffff;\r\n --section-bg: #f8fafc;\r\n --shadow-card: 0 4px 20px -4px rgba(30, 41, 59, 0.08);\r\n --shadow-card-hover: 0 12px 32px -8px rgba(30, 41, 59, 0.15);\r\n --radius: 0.75rem;\r\n --font-heading: 'Playfair Display', serif;\r\n --font-body: 'Inter', sans-serif;\r\n }\r\n\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n color: var(--foreground);\r\n background: var(--background);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n transition: color 0.2s;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n ul,\r\n ol {\r\n list-style: none;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n font-family: var(--font-heading);\r\n line-height: 1.2;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 1rem;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .container {\r\n padding: 0 1.5rem;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .container {\r\n padding: 0 2rem;\r\n }\r\n }\r\n\r\n .section-padding {\r\n padding: 2rem 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .section-padding {\r\n padding: 3rem 0;\r\n }\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n color: var(--primary-color);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.875rem;\r\n font-weight: 700;\r\n color: var(--secondary-color);\r\n margin-bottom: 1rem;\r\n font-family: var(--font-heading);\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .section-title {\r\n font-size: 2.25rem;\r\n }\r\n }\r\n\r\n .section-desc {\r\n color: var(--muted-foreground);\r\n max-width: 42rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .text-center {\r\n text-align: center;\r\n }\r\n\r\n .mx-auto {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .bg-section {\r\n background: var(--section-bg);\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--primary-color);\r\n color: #fff;\r\n padding: 0.875rem 2rem;\r\n border-radius: var(--radius);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-family: var(--font-body);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 25px rgba(38, 106, 190, 0.35);\r\n background: var(--primary-light);\r\n }\r\n\r\n .btn-accent {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: var(--accent-color);\r\n color: #fff;\r\n padding: 0.875rem 2rem;\r\n border-radius: var(--radius);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-family: var(--font-body);\r\n }\r\n\r\n .btn-accent:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.35);\r\n }\r\n\r\n .btn-outline {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n border: 2px solid rgba(255, 255, 255, 0.4);\r\n color: #fff;\r\n padding: 0.875rem 2rem;\r\n border-radius: var(--radius);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n background: transparent;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-family: var(--font-body);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: #fff;\r\n color: var(--secondary-color);\r\n border-color: #fff;\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n position: relative;\r\n min-height: 90vh;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n \/* Th\u00eam padding nh\u1eb9 \u0111\u1ec3 n\u1ed9i dung kh\u00f4ng s\u00e1t m\u00e9p m\u00e0n h\u00ecnh *\/\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n }\r\n\r\n .hero-bg img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to right, rgba(31, 41, 55, 0.9), rgba(31, 41, 55, 0.6), transparent);\r\n }\r\n\r\n .hero .container {\r\n margin: 0 auto;\r\n max-width: 1280px;\r\n width: 100%;\r\n padding: 0 2rem;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 50rem;\r\n text-align: left;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(4px);\r\n padding: 0.5rem 1.25rem;\r\n border-radius: 2rem;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n color: #fff;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .hero-badge i {\r\n width: 8px;\r\n height: 8px;\r\n background: var(--accent-color);\r\n border-radius: 50%;\r\n display: inline-block;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 2.5rem;\r\n font-weight: 900;\r\n color: #fff;\r\n line-height: 1.1;\r\n margin-bottom: 1rem;\r\n font-family: var(--font-body);\r\n text-transform: uppercase;\r\n }\r\n\r\n .hero-content h1 span {\r\n color: var(--accent-color);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 2rem;\r\n letter-spacing: 0.5px;\r\n line-height: 1.2;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.05rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n margin-bottom: 1.25rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .hero-info-footer {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 2rem;\r\n margin-top: 2.5rem;\r\n padding-top: 1.5rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n justify-content: flex-start;\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n color: rgba(255, 255, 255, 0.8);\r\n font-size: 0.95rem;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero {\r\n padding: 2rem 1.5rem 2.5rem;\r\n \/* T\u0103ng nh\u1eb9 \u0111\u1ec3 tho\u00e1ng h\u01a1n *\/\r\n min-height: auto;\r\n display: block;\r\n }\r\n\r\n .hero .container {\r\n margin: 0 auto;\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n margin: 0 auto;\r\n max-width: 100%;\r\n }\r\n\r\n .hero-content .hidden-mobile {\r\n display: none;\r\n \/* \u1ea8n \u0111o\u1ea1n m\u00f4 t\u1ea3 tr\u00ean mobile *\/\r\n }\r\n\r\n .hero-badge {\r\n margin-bottom: 1.25rem;\r\n padding: 0.5rem 1.25rem;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 2rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.05rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.75rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .btn-accent,\r\n .btn-outline {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .hero-info-footer {\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n margin-top: 2rem;\r\n padding-top: 1.5rem;\r\n }\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .hero-content h1 {\r\n font-size: 3rem;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .hero-content h1 {\r\n font-size: 3.75rem;\r\n }\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n opacity: 0;\r\n animation: fadeIn 0.6s ease-out 0.4s forwards;\r\n }\r\n\r\n \/* ABOUT *\/\r\n .about-section .grid-2 {\r\n display: grid;\r\n gap: 2rem;\r\n align-items: center;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .about-section .grid-2 {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n }\r\n }\r\n\r\n .about-image {\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n }\r\n\r\n .about-image img {\r\n width: 100%;\r\n height: 400px;\r\n object-fit: cover;\r\n border-radius: 1rem;\r\n transition: transform 0.5s;\r\n }\r\n\r\n .about-image:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .about-features {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n @media (min-width: 480px) {\r\n .about-features {\r\n flex-direction: row;\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n .feature-col {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n justify-content: space-between;\r\n }\r\n\r\n .about-feature {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n font-size: 0.875rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .about-feature svg {\r\n flex-shrink: 0;\r\n margin-top: 3px;\r\n }\r\n\r\n .about-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .about-phone {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 0.875rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n .about-phone a {\r\n font-weight: 700;\r\n color: var(--secondary-color);\r\n }\r\n\r\n \/* SERVICES *\/\r\n .services-grid {\r\n display: grid;\r\n gap: 1.5rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .services-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n .service-card {\r\n position: relative;\r\n padding: 2rem;\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card);\r\n transition: all 0.3s;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .service-icon-wrap {\r\n width: 50px;\r\n height: 50px;\r\n background: var(--primary-color);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .service-number {\r\n position: absolute;\r\n top: 2rem;\r\n right: 2rem;\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: rgba(31, 41, 55, 0.12);\r\n line-height: 1;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: -0.5px;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .service-list {\r\n list-style: none;\r\n padding: 0;\r\n display: grid;\r\n gap: 0.75rem;\r\n }\r\n\r\n .service-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.75rem;\r\n font-size: 0.9rem;\r\n color: var(--muted-foreground);\r\n line-height: 1.4;\r\n }\r\n\r\n .service-list li svg {\r\n flex-shrink: 0;\r\n margin-top: 3px;\r\n }\r\n\r\n .service-card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-card);\r\n transition: all 0.3s;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-card-hover);\r\n }\r\n\r\n .service-card-img {\r\n height: 12rem;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n }\r\n\r\n .service-card:hover .service-card-img img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .service-card-body {\r\n padding: 0;\r\n }\r\n\r\n .service-card-body h3 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--secondary-color);\r\n margin-bottom: 0.5rem;\r\n font-family: var(--font-heading);\r\n }\r\n\r\n .service-card-body p {\r\n font-size: 0.85rem;\r\n color: var(--muted-foreground);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* FEATURES *\/\r\n .features-grid {\r\n display: grid;\r\n gap: 2rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .features-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n .feature-card {\r\n text-align: center;\r\n padding: 2rem;\r\n border-radius: var(--radius);\r\n background: var(--card-bg);\r\n box-shadow: var(--shadow-card);\r\n transition: all 0.3s;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-card-hover);\r\n }\r\n\r\n .feature-icon {\r\n width: 4rem;\r\n height: 4rem;\r\n border-radius: 50%;\r\n background: rgba(38, 106, 190, 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1rem;\r\n color: var(--primary-color);\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: var(--secondary-color);\r\n margin-bottom: 0.75rem;\r\n font-family: var(--font-heading);\r\n }\r\n\r\n .feature-card p {\r\n font-size: 0.85rem;\r\n color: var(--muted-foreground);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* STATS *\/\r\n .stats-section {\r\n background: var(--section-bg);\r\n padding: 2.5rem 0;\r\n border-top: 1px solid var(--border-color);\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .stats-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .stat-number {\r\n font-size: 2.25rem;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .stats-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n padding: 3rem 1.5rem;\r\n background: #fff;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .stat-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-card-hover);\r\n }\r\n\r\n .stat-icon {\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n background: rgba(245, 158, 11, 0.1);\r\n color: var(--accent-color);\r\n border-radius: 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n transition: all 0.3s;\r\n }\r\n\r\n .stat-item:hover .stat-icon {\r\n background: var(--accent-color);\r\n color: #fff;\r\n transform: scale(1.1);\r\n }\r\n\r\n .stat-number {\r\n font-size: 2.75rem;\r\n font-weight: 900;\r\n color: var(--primary-color);\r\n font-family: var(--font-body);\r\n letter-spacing: -1px;\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .stat-number span {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-left: 2px;\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.875rem;\r\n font-weight: 600;\r\n color: var(--muted-foreground);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* PROJECTS *\/\r\n .projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .projects-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n .project-card {\r\n position: relative;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n cursor: pointer;\r\n aspect-ratio: 4\/5;\r\n }\r\n\r\n .project-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n }\r\n\r\n .project-card:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .project-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(31, 41, 55, 0.8), transparent, transparent);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n display: flex;\r\n align-items: flex-end;\r\n padding: 1rem;\r\n }\r\n\r\n .project-card:hover .project-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .project-overlay h4 {\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 0.875rem;\r\n }\r\n\r\n \/* TESTIMONIALS *\/\r\n .testimonial-card {\r\n background: var(--card-bg);\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n text-align: center;\r\n box-shadow: var(--shadow-card);\r\n max-width: 48rem;\r\n margin: 0 auto;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .testimonial-card {\r\n padding: 3rem;\r\n }\r\n }\r\n\r\n .testimonial-stars {\r\n display: flex;\r\n justify-content: center;\r\n gap: 0.25rem;\r\n margin-bottom: 1rem;\r\n color: var(--accent-color);\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 1.1rem;\r\n color: var(--muted-foreground);\r\n font-style: italic;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .testimonial-name {\r\n font-weight: 700;\r\n color: var(--secondary-color);\r\n font-size: 1.1rem;\r\n font-family: var(--font-heading);\r\n }\r\n\r\n .testimonial-role {\r\n font-size: 0.85rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n .testimonial-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .testimonial-dots button {\r\n width: 0.75rem;\r\n height: 0.75rem;\r\n border-radius: 9999px;\r\n border: none;\r\n background: rgba(38, 106, 190, 0.4);\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n padding: 0;\r\n }\r\n\r\n .testimonial-dots button.active {\r\n background: var(--primary-color);\r\n width: 2rem;\r\n }\r\n\r\n \/* ANIMATIONS *\/\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .fade-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n }\r\n\r\n .fade-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .stagger-item {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\r\n }\r\n\r\n .stagger-item.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ===== MODAL & FORM ===== *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 9998;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .modal-content {\r\n background: #fff;\r\n border-radius: 20px;\r\n width: 100%;\r\n max-width: 550px;\r\n position: relative;\r\n transform: translateY(-20px);\r\n transition: all 0.3s ease;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n margin: 0 20px;\r\n }\r\n\r\n .modal-overlay.active .modal-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n font-size: 28px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #64748B;\r\n z-index: 10;\r\n }\r\n\r\n .consult-form-wrap {\r\n padding: 40px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n text-align: left;\r\n color: #0F172A;\r\n }\r\n\r\n .form-group label .req {\r\n color: #EF4444;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 14px 16px;\r\n border: 1px solid #E2E8F0;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n font-family: inherit;\r\n outline: none;\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n background: #fff;\r\n box-sizing: border-box;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n border-color: #0085FF;\r\n box-shadow: 0 0 0 3px rgba(0, 133, 255, 0.1);\r\n }\r\n\r\n .form-group .field-error {\r\n border-color: #EF4444 !important;\r\n background-color: #FEF2F2;\r\n }\r\n\r\n .form-group textarea {\r\n resize: none;\r\n }\r\n\r\n .btn-submit {\r\n width: 100%;\r\n padding: 18px;\r\n background: linear-gradient(90deg, #0066FF, #00AEEF);\r\n color: #fff;\r\n border: none;\r\n border-radius: 12px;\r\n font-weight: 700;\r\n font-size: 17px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n transition: opacity 0.2s, transform 0.2s;\r\n font-family: inherit;\r\n box-shadow: 0 8px 24px rgba(0, 102, 255, 0.3);\r\n }\r\n\r\n .btn-submit:hover {\r\n opacity: 0.9;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-submit svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n \/* ===== TOAST NOTIFICATION ===== *\/\r\n .toast-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 9999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(0, 0, 0, 0.4);\r\n backdrop-filter: blur(6px);\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n }\r\n\r\n .toast-overlay.show {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .toast-box {\r\n background: #fff;\r\n border-radius: 24px;\r\n padding: 48px 40px 36px;\r\n max-width: 420px;\r\n width: 90%;\r\n text-align: center;\r\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);\r\n transform: scale(0.85) translateY(20px);\r\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .toast-overlay.show .toast-box {\r\n transform: scale(1) translateY(0);\r\n }\r\n\r\n .toast-icon {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n font-size: 32px;\r\n color: #fff;\r\n }\r\n\r\n .toast-icon.is-success {\r\n background: linear-gradient(135deg, #10B981, #34D399);\r\n box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35);\r\n }\r\n\r\n .toast-icon.is-error {\r\n background: linear-gradient(135deg, #EF4444, #F87171);\r\n box-shadow: 0 8px 24px rgba(239, 68, 68, 0.35);\r\n }\r\n\r\n .toast-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #0F172A;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .toast-msg {\r\n font-size: 15px;\r\n color: #64748B;\r\n line-height: 1.6;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .toast-close-btn {\r\n padding: 10px 24px;\r\n border-radius: 8px;\r\n border: 1px solid #E2E8F0;\r\n background: #fff;\r\n cursor: pointer;\r\n font-weight: 600;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- HERO -->\r\n <section class=\"hero\">\r\n <div class=\"hero-bg\">\r\n <img fetchpriority=\"high\" decoding=\"async\" src=\"\" data-src=\"\/wp-content\/uploads\/2026\/05\/20.2.jpg\" class=\"dynamic-img\"\r\n alt=\"D\u1ecbch v\u1ee5 \u1ed1p l\u00e1t chuy\u00ean nghi\u1ec7p\" width=\"1920\" height=\"900\" \/>\r\n <div class=\"hero-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\"><i><\/i> C\u00f4ng ty TNHH \u0110o \u0111\u1ea1c X\u00e2y d\u1ef1ng HVT<\/div>\r\n <h1>\u0110o \u0111\u1ea1c <span>Ch\u00ednh x\u00e1c<\/span><\/h1>\r\n <div class=\"hero-subtitle\">GI\u1eee \u0110\u00daNG TR\u1ee4C \u2013 \u0110\u00daNG CAO \u0110\u1ed8 \u2013 \u0110\u00daNG TI\u1ebeN \u0110\u1ed8 C\u00d4NG TR\u00ccNH<\/div>\r\n\r\n <p class=\"hidden-mobile\">C\u00f4ng ty TNHH \u0110o \u0111\u1ea1c X\u00e2y d\u1ef1ng HVT chuy\u00ean cung c\u1ea5p d\u1ecbch v\u1ee5 \u0111o \u0111\u1ea1c ph\u1ee5c v\u1ee5 thi\r\n c\u00f4ng x\u00e2y d\u1ef1ng b\u1eb1ng thi\u1ebft\r\n b\u1ecb \u0111o \u0111\u1ea1c chuy\u00ean d\u1ee5ng v\u00e0 quy tr\u00ecnh l\u00e0m vi\u1ec7c th\u1ef1c t\u1ebf t\u1ea1i c\u00f4ng tr\u01b0\u1eddng<\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <button type=\"button\" onclick=\"document.getElementById('dkModalOverlay').classList.add('active')\"\r\n class=\"btn-accent\">\r\n Li\u00ean H\u1ec7 T\u01b0 V\u1ea5n\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n <\/svg>\r\n <\/button>\r\n <a href=\"\/XayDung\/dich-vu\" class=\"btn-outline\">Xem D\u1ecbch V\u1ee5<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-info-footer\">\r\n <div class=\"info-item\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n 167\/13 T\u1ed5 30, Khu Ph\u1ed1 37, Ph\u01b0\u1eddng Long B\u00ecnh, T\u1ec9nh \u0110\u1ed3ng Nai, Vi\u1ec7t Nam\r\n <\/div>\r\n <div class=\"info-item\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n Hotline: <strong>0382 333 444<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ABOUT -->\r\n <section class=\"about-section section-padding\">\r\n <div class=\"container\">\r\n <div class=\"grid-2\">\r\n <div class=\"about-image fade-up\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"\" data-src=\"\/wp-content\/uploads\/2026\/05\/20.7.jpg\" class=\"dynamic-img\"\r\n alt=\"Gi\u1edbi thi\u1ec7u c\u00f4ng ty\" loading=\"lazy\" width=\"800\" height=\"600\" \/>\r\n <\/div>\r\n <div class=\"fade-up\">\r\n <p class=\"section-subtitle\">V\u1ea4N \u0110\u1ec0 & GI\u1ea2I PH\u00c1P<\/p>\r\n <h2 class=\"section-title\">Nh\u1eefng sai s\u00f3t th\u01b0\u1eddng g\u1eb7p trong thi c\u00f4ng<\/h2>\r\n <p class=\"section-desc\" style=\"margin-bottom:0.75rem\">Trong thi c\u00f4ng x\u00e2y d\u1ef1ng, ch\u1ec9 c\u1ea7n sai v\u00e0i\r\n milimet \u1edf giai \u0111o\u1ea1n \u0111\u1ea7u, h\u1eadu qu\u1ea3 c\u00f3 th\u1ec3 k\u00e9o d\u00e0i \u0111\u1ebfn to\u00e0n b\u1ed9 c\u00f4ng tr\u00ecnh<\/p>\r\n <div class=\"about-features\">\r\n <div class=\"feature-col\">\r\n <div class=\"about-feature\"><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"var(--primary-color)\"\r\n stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" \/>\r\n <path d=\"M22 4L12 14.01l-3-3\" \/>\r\n <\/svg> Sai tim c\u1ecdc<\/div>\r\n <div class=\"about-feature\"><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"var(--primary-color)\"\r\n stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" \/>\r\n <path d=\"M22 4L12 14.01l-3-3\" \/>\r\n <\/svg> Sai cao \u0111\u1ed9<\/div>\r\n <div class=\"about-feature\"><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"var(--primary-color)\"\r\n stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" \/>\r\n <path d=\"M22 4L12 14.01l-3-3\" \/>\r\n <\/svg> L\u1ec7ch tr\u1ee5c<\/div>\r\n <\/div>\r\n <div class=\"feature-col\">\r\n <div class=\"about-feature\"><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"var(--primary-color)\"\r\n stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" \/>\r\n <path d=\"M22 4L12 14.01l-3-3\" \/>\r\n <\/svg> M\u1ea5t th\u1eddi gian x\u1eed l\u00fd, ph\u00e1t sinh chi ph\u00ed s\u1eeda ch\u1eefa<\/div>\r\n <div class=\"about-feature\"><svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"var(--primary-color)\"\r\n stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" \/>\r\n <path d=\"M22 4L12 14.01l-3-3\" \/>\r\n <\/svg> Kh\u00f4ng kh\u1edbp b\u1ea3n v\u1ebd thi\u1ebft k\u1ebf v\u1edbi th\u1ef1c t\u1ebf hi\u1ec7n tr\u01b0\u1eddng<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-actions\">\r\n <button type=\"button\"\r\n onclick=\"document.getElementById('dkModalOverlay').classList.add('active')\"\r\n class=\"btn-primary\">Li\u00ean h\u1ec7 ngay<\/button>\r\n <div class=\"about-phone\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"var(--accent-color)\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\" \/>\r\n <\/svg>\r\n <a href=\"tel:0382333444\">0382 333 444<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SERVICES -->\r\n <section class=\"section-padding bg-section\">\r\n <div class=\"container\">\r\n <div class=\"text-center fade-up\" style=\"margin-bottom:1.5rem\">\r\n <p class=\"section-subtitle\">D\u1ecaCH V\u1ee4 C\u1ee6A CH\u00daNG T\u00d4I<\/p>\r\n <h2 class=\"section-title\">Ba nh\u00f3m d\u1ecbch v\u1ee5 c\u1ed1t l\u00f5i c\u1ee7a HVT<\/h2>\r\n <p class=\"section-desc mx-auto\">Ch\u00fang t\u00f4i mang \u0111\u1ebfn \u0111\u1ea7y \u0111\u1ee7 c\u00e1c d\u1ecbch v\u1ee5 thi\u1ebft k\u1ebf v\u00e0 thi c\u00f4ng d\u00e0nh cho c\u00e1\r\n nh\u00e2n, gia \u0111\u00ecnh v\u00e0 c\u00f4ng tr\u00ecnh th\u01b0\u01a1ng m\u1ea1i.<\/p>\r\n <\/div>\r\n <div class=\"services-grid stagger-parent\">\r\n <!-- D\u1ecaCH V\u1ee4 01 -->\r\n <div class=\"service-card stagger-item\">\r\n <div class=\"service-number\">01<\/div>\r\n <div class=\"service-icon-wrap\">\r\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"5\" \/>\r\n <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\" \/>\r\n <line x1=\"2\" y1=\"12\" x2=\"5\" y2=\"12\" \/>\r\n <line x1=\"19\" y1=\"12\" x2=\"22\" y2=\"12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"service-card-body\">\r\n <h3>\u0110o \u0111\u1ea1c tri\u1ec3n khai thi c\u00f4ng<\/h3>\r\n <ul class=\"service-list\">\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> \u0110\u1ecbnh v\u1ecb tim tr\u1ee5c c\u00f4ng tr\u00ecnh<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> B\u1ed1 tr\u00ed m\u00f3ng, c\u1ed9t, d\u1ea7m, s\u00e0n<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> \u0110\u1ecbnh v\u1ecb c\u1ecdc \u00e9p, c\u1ecdc khoan nh\u1ed3i<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> Chuy\u1ec3n tr\u1ee5c v\u00e0 cao \u0111\u1ed9 l\u00ean t\u1ea7ng<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> \u0110\u1ecbnh v\u1ecb tuy\u1ebfn h\u1ea1 t\u1ea7ng k\u1ef9 thu\u1eadt<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> Ki\u1ec3m tra k\u00edch th\u01b0\u1edbc v\u00e0 v\u1ecb tr\u00ed thi c\u00f4ng<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- D\u1ecaCH V\u1ee4 02 -->\r\n <div class=\"service-card stagger-item\">\r\n <div class=\"service-number\">02<\/div>\r\n <div class=\"service-icon-wrap\">\r\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <path d=\"M9 12l2 2 4-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"service-card-body\">\r\n <h3>Ki\u1ec3m tra v\u00e0 Ki\u1ec3m so\u00e1t <br\/> sai l\u1ec7ch thi c\u00f4ng<\/h3>\r\n <ul class=\"service-list\">\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> Ki\u1ec3m tra \u0111\u1ed9 th\u1eb3ng \u0111\u1ee9ng<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> Ki\u1ec3m tra \u0111\u1ed9 ph\u1eb3ng<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> Ki\u1ec3m tra cao \u0111\u1ed9<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> Ki\u1ec3m tra v\u1ecb tr\u00ed k\u1ebft c\u1ea5u<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> \u0110\u1ed1i chi\u1ebfu thi\u1ebft k\u1ebf v\u00e0 hi\u1ec7n tr\u1ea1ng<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- D\u1ecaCH V\u1ee4 03 -->\r\n <div class=\"service-card stagger-item\">\r\n <div class=\"service-number\">03<\/div>\r\n <div class=\"service-icon-wrap\">\r\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"service-card-body\">\r\n <h3>\u0110o \u0111\u1ea1c ho\u00e0n c\u00f4ng<\/h3>\r\n <ul class=\"service-list\">\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> \u0110o ho\u00e0n c\u00f4ng k\u1ebft c\u1ea5u<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> \u0110o hi\u1ec7n tr\u1ea1ng c\u00f4ng tr\u00ecnh<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> B\u00e1o c\u00e1o t\u1ecda \u0111\u1ed9 v\u00e0 cao \u0111\u1ed9<\/li>\r\n <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\"\r\n stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg> H\u1ed3 s\u01a1 ph\u1ee5c v\u1ee5 nghi\u1ec7m thu<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- WHY CHOOSE US -->\r\n <section class=\"section-padding\">\r\n <div class=\"container\">\r\n <div class=\"text-center fade-up\" style=\"margin-bottom:1.5rem\">\r\n <p class=\"section-subtitle\">T\u1ea0I SAO CH\u1eccN HVT?<\/p>\r\n <h2 class=\"section-title\">B\u1ed1n l\u00fd do \u0111\u1ec3 c\u00e1c nh\u00e0 th\u1ea7u \u0111\u1ed3ng h\u00e0nh c\u00f9ng HVT<\/h2>\r\n <\/div>\r\n <div class=\"features-grid stagger-parent\">\r\n <!-- L\u00dd DO 01 -->\r\n <div class=\"feature-card stagger-item\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M20 10V8a2 2 0 00-2-2H6a2 2 0 00-2 2v2\" \/>\r\n <path d=\"M2 14a2 2 0 002 2h16a2 2 0 002-2v-2H2v2z\" \/>\r\n <path d=\"M12 6V3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div\r\n style=\"font-size: 0.8rem; font-weight: 700; color: var(--accent-color); margin-bottom: 0.5rem;\">\r\n 01<\/div>\r\n <h3>TH\u1ef0C T\u1ebe C\u00d4NG TR\u00ccNH<\/h3>\r\n <p>Ch\u00fang t\u00f4i l\u00e0m vi\u1ec7c tr\u1ef1c ti\u1ebfp t\u1ea1i hi\u1ec7n tr\u01b0\u1eddng x\u00e2y d\u1ef1ng, hi\u1ec3u \u00e1p l\u1ef1c ti\u1ebfn \u0111\u1ed9 v\u00e0 y\u00eau c\u1ea7u ph\u1ed1i h\u1ee3p\r\n gi\u1eefa c\u00e1c t\u1ed5 \u0111\u1ed9i thi c\u00f4ng<\/p>\r\n <\/div>\r\n\r\n <!-- L\u00dd DO 02 -->\r\n <div class=\"feature-card stagger-item\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <rect x=\"9\" y=\"3\" width=\"6\" height=\"6\" rx=\"1\" \/>\r\n <rect x=\"3\" y=\"15\" width=\"6\" height=\"6\" rx=\"1\" \/>\r\n <rect x=\"15\" y=\"15\" width=\"6\" height=\"6\" rx=\"1\" \/>\r\n <path d=\"M12 9v3m-9 3h18m-9 0v3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div\r\n style=\"font-size: 0.8rem; font-weight: 700; color: var(--accent-color); margin-bottom: 0.5rem;\">\r\n 02<\/div>\r\n <h3>T\u01af DUY H\u1ec6 TH\u1ed0NG<\/h3>\r\n <p>\u0110o \u0111\u1ea1c kh\u00f4ng ch\u1ec9 l\u00e0 thao t\u00e1c m\u00e1y m\u00f3c. \u0110\u00f3 l\u00e0 qu\u00e1 tr\u00ecnh ki\u1ec3m tra \u2013 \u0111\u1ed1i chi\u1ebfu \u2013 ki\u1ec3m so\u00e1t \u2013 x\u00e1c nh\u1eadn\r\n d\u1eef li\u1ec7u<\/p>\r\n <\/div>\r\n\r\n <!-- L\u00dd DO 03 -->\r\n <div class=\"feature-card stagger-item\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" \/>\r\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div\r\n style=\"font-size: 0.8rem; font-weight: 700; color: var(--accent-color); margin-bottom: 0.5rem;\">\r\n 03<\/div>\r\n <h3>H\u1ea0N CH\u1ebe SAI S\u00d3T NGAY T\u1eea \u0110\u1ea6U<\/h3>\r\n <p>M\u1ed9t sai s\u1ed1 nh\u1ecf \u1edf \u0111\u1ea7u c\u00f4ng tr\u00ecnh c\u00f3 th\u1ec3 k\u00e9o theo r\u1ea5t nhi\u1ec1u chi ph\u00ed ph\u00eda sau. HVT t\u1eadp trung gi\u1ea3m\r\n r\u1ee7i ro \u0111\u00f3<\/p>\r\n <\/div>\r\n\r\n <!-- L\u00dd DO 04 -->\r\n <div class=\"feature-card stagger-item\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <polyline points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div\r\n style=\"font-size: 0.8rem; font-weight: 700; color: var(--accent-color); margin-bottom: 0.5rem;\">\r\n 04<\/div>\r\n <h3>H\u1ed6 TR\u1ee2 NHANH<\/h3>\r\n <p>Am hi\u1ec3u \u0111\u1ecba b\u00e0n v\u00e0 m\u00f4i tr\u01b0\u1eddng thi c\u00f4ng t\u1ea1i khu v\u1ef1c mi\u1ec1n Nam v\u00e0 T\u00e2y Nguy\u00ean<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- STATS -->\r\n <section class=\"stats-section\">\r\n <div class=\"container\">\r\n <div class=\"text-center fade-up\" style=\"margin-bottom: 2rem;\">\r\n <p class=\"section-subtitle\">N\u0102NG L\u1ef0C<\/p>\r\n <h2 class=\"section-title\">Kinh nghi\u1ec7m <span style=\"font-family: var(--font-body);\">&<\/span> N\u0103ng l\u1ef1c c\u1ee7a\r\n HVT<\/h2>\r\n <\/div>\r\n <div class=\"stats-grid\">\r\n <!-- STAT 1 -->\r\n <div class=\"stat-item fade-up\">\r\n <div class=\"stat-icon\">\r\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M3 21h18M3 7v14m18-14v14M3 7l9-4 9 4M9 21V11h6v10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-number\">\r\n <div data-counter=\"1000\">0<\/div><span>+<\/span>\r\n <\/div>\r\n <p class=\"stat-label\">C\u00f4ng tr\u00ecnh ho\u00e0n th\u00e0nh<\/p>\r\n <\/div>\r\n\r\n <!-- STAT 2 -->\r\n <div class=\"stat-item fade-up\" style=\"transition-delay: 0.1s;\">\r\n <div class=\"stat-icon\">\r\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 7a4 4 0 110-8 4 4 0 010 8zm14 14v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 110 7.75\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-number\">\r\n <div data-counter=\"88\">0<\/div>\r\n <\/div>\r\n <p class=\"stat-label\">K\u1ef9 s\u01b0 chuy\u00ean nghi\u1ec7p<\/p>\r\n <\/div>\r\n\r\n <!-- STAT 3 -->\r\n <div class=\"stat-item fade-up\" style=\"transition-delay: 0.2s;\">\r\n <div class=\"stat-icon\">\r\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-number\">\r\n <div data-counter=\"10\">0<\/div><span>+<\/span>\r\n <\/div>\r\n <p class=\"stat-label\">N\u0103m kinh nghi\u1ec7m<\/p>\r\n <\/div>\r\n\r\n <!-- STAT 4 -->\r\n <div class=\"stat-item fade-up\" style=\"transition-delay: 0.3s;\">\r\n <div class=\"stat-icon\">\r\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" \/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-number\">\r\n <div data-counter=\"100\">0<\/div><span>%<\/span>\r\n <\/div>\r\n <p class=\"stat-label\">Kh\u00e1ch h\u00e0ng h\u00e0i l\u00f2ng<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PROJECTS -->\r\n <section class=\"section-padding\">\r\n <div class=\"container\">\r\n <div class=\"text-center fade-up\" style=\"margin-bottom:1.5rem\">\r\n <p class=\"section-subtitle\">D\u1ef0 \u00c1N C\u1ee6A CH\u00daNG T\u00d4I<\/p>\r\n <h2 class=\"section-title\">Kh\u00e1m ph\u00e1 danh m\u1ee5c d\u1ef1 \u00e1n \u1ea5n t\u01b0\u1ee3ng<\/h2>\r\n <\/div>\r\n <div class=\"projects-grid stagger-parent\">\r\n <div class=\"project-card stagger-item\"><img loading=\"lazy\" decoding=\"async\" src=\"\" data-src=\"\/wp-content\/uploads\/2026\/05\/20.3.jpg\"\r\n class=\"dynamic-img\" alt=\"Bi\u1ec7t th\u1ef1 t\u1ea1i \u0110\u00e0 N\u1eb5ng\" loading=\"lazy\" width=\"512\" height=\"600\" \/>\r\n <div class=\"project-overlay\">\r\n <h4>Bi\u1ec7t th\u1ef1 t\u1ea1i \u0110\u00e0 N\u1eb5ng<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-card stagger-item\"><img loading=\"lazy\" decoding=\"async\" src=\"\" data-src=\"\/wp-content\/uploads\/2026\/05\/20.4.jpg\"\r\n class=\"dynamic-img\" alt=\"Chung c\u01b0 cao c\u1ea5p\" loading=\"lazy\" width=\"512\" height=\"600\" \/>\r\n <div class=\"project-overlay\">\r\n <h4>Chung c\u01b0 cao c\u1ea5p<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-card stagger-item\"><img loading=\"lazy\" decoding=\"async\" src=\"\" data-src=\"\/wp-content\/uploads\/2026\/05\/20.5.jpg\"\r\n class=\"dynamic-img\" alt=\"Villa ngh\u1ec9 d\u01b0\u1ee1ng\" loading=\"lazy\" width=\"512\" height=\"600\" \/>\r\n <div class=\"project-overlay\">\r\n <h4>Villa ngh\u1ec9 d\u01b0\u1ee1ng<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-card stagger-item\"><img loading=\"lazy\" decoding=\"async\" src=\"\" data-src=\"\/wp-content\/uploads\/2026\/05\/20.6.jpg\"\r\n class=\"dynamic-img\" alt=\"Nh\u00e0 ph\u1ed1 3 t\u1ea7ng\" loading=\"lazy\" width=\"512\" height=\"600\" \/>\r\n <div class=\"project-overlay\">\r\n <h4>Nh\u00e0 ph\u1ed1 3 t\u1ea7ng<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TESTIMONIALS -->\r\n <section class=\"section-padding bg-section\">\r\n <div class=\"container\">\r\n <div class=\"text-center fade-up\" style=\"margin-bottom:3rem\">\r\n <p class=\"section-subtitle\">\u0110\u00c1NH GI\u00c1<\/p>\r\n <h2 class=\"section-title\">\u0110\u00e1nh gi\u00e1 c\u1ee7a kh\u00e1ch h\u00e0ng<\/h2>\r\n <\/div>\r\n <div class=\"fade-up\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-slide\">\r\n <div class=\"testimonial-stars\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"testimonial-text\">\"\u0110\u1ed9i ng\u0169 l\u00e0m vi\u1ec7c \u0111\u00fang gi\u1edd, ph\u1ed1i h\u1ee3p t\u1ed1t v\u1edbi k\u1ef9 s\u01b0 hi\u1ec7n tr\u01b0\u1eddng. D\u1eef li\u1ec7u \u0111o \u0111\u1ea1c ch\u00ednh x\u00e1c gi\u00fap c\u00f4ng tr\u00ecnh tri\u1ec3n khai thu\u1eadn l\u1ee3i v\u00e0 h\u1ea1n ch\u1ebf sai s\u00f3t trong qu\u00e1 tr\u00ecnh thi c\u00f4ng\"<\/p>\r\n <h4 class=\"testimonial-name\">L\u00ea Minh Tu\u1ea5n<\/h4>\r\n <p class=\"testimonial-role\">Gi\u00e1m s\u00e1t thi c\u00f4ng x\u00e2y d\u1ef1ng<\/p>\r\n <\/div>\r\n <div class=\"testimonial-slide\" style=\"display:none\">\r\n <div class=\"testimonial-stars\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"testimonial-text\">\"HVT h\u1ed7 tr\u1ee3 r\u1ea5t nhanh t\u1ea1i c\u00f4ng tr\u01b0\u1eddng, x\u1eed l\u00fd \u0111o \u0111\u1ea1c v\u00e0 ki\u1ec3m tra cao \u0111\u1ed9 c\u1ea9n th\u1eadn. Quy tr\u00ecnh l\u00e0m vi\u1ec7c chuy\u00ean nghi\u1ec7p, b\u00e1o c\u00e1o r\u00f5 r\u00e0ng v\u00e0 d\u1ec5 \u0111\u1ed1i chi\u1ebfu\"<\/p>\r\n <h4 class=\"testimonial-name\">Nguy\u1ec5n V\u0103n H\u01b0ng<\/h4>\r\n <p class=\"testimonial-role\">Gi\u00e1m s\u00e1t c\u00f4ng tr\u00ecnh<\/p>\r\n <\/div>\r\n <!-- <div class=\"testimonial-slide\" style=\"display:none\">\r\n <div class=\"testimonial-stars\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--accent-color)\"\r\n stroke=\"var(--accent-color)\" stroke-width=\"1\">\r\n <polygon\r\n points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"testimonial-text\">\"Chi ph\u00ed h\u1ee3p l\u00fd, ch\u1ea5t l\u01b0\u1ee3ng tuy\u1ec7t v\u1eddi. T\u00f4i r\u1ea5t h\u00e0i l\u00f2ng v\u1edbi d\u1ecbch v\u1ee5\r\n \u1ed1p l\u00e1t v\u00e0 thi\u1ebft b\u1ecb v\u1ec7 sinh \u0111\u01b0\u1ee3c cung c\u1ea5p.\"<\/p>\r\n <h4 class=\"testimonial-name\">L\u00ea Qu\u1ed1c D\u0169ng<\/h4>\r\n <p class=\"testimonial-role\">Ch\u1ee7 \u0111\u1ea7u t\u01b0 Bi\u1ec7t th\u1ef1<\/p>\r\n <\/div> -->\r\n <\/div>\r\n <div class=\"testimonial-dots\">\r\n <button class=\"active\" aria-label=\"Testimonial 1\"><\/button>\r\n <button aria-label=\"Testimonial 2\"><\/button>\r\n <!-- <button aria-label=\"Testimonial 3\"><\/button> -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- MODAL FORM \u0110\u0102NG K\u00dd -->\r\n <div class=\"modal-overlay\" id=\"dkModalOverlay\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\"\r\n onclick=\"document.getElementById('dkModalOverlay').classList.remove('active')\">×<\/button>\r\n <div class=\"consult-form-wrap\">\r\n <form id=\"consultationLeadForm\">\r\n <h3\r\n style=\"margin-bottom: 20px; font-size: 24px; font-weight: 800; color: var(--text-dark, #0F172A); text-align: center;\">\r\n \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n<\/h3>\r\n <div class=\"form-group\">\r\n <label>H\u1ecd v\u00e0 t\u00ean <span class=\"req\">*<\/span><\/label>\r\n <input id=\"leadFullName\" type=\"text\" placeholder=\"Nh\u1eadp h\u1ecd v\u00e0 t\u00ean c\u1ee7a b\u1ea1n\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>S\u1ed1 \u0111i\u1ec7n tho\u1ea1i <span class=\"req\">*<\/span><\/label>\r\n <input id=\"leadPhone\" type=\"tel\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Email <span class=\"req\">*<\/span><\/label>\r\n <input id=\"leadEmail\" type=\"email\" placeholder=\"Nh\u1eadp email c\u1ee7a b\u1ea1n\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Nh\u1eadp n\u1ed9i dung c\u1ea7n t\u01b0 v\u1ea5n <\/label>\r\n <textarea id=\"leadMessage\" rows=\"4\"\r\n placeholder=\"Nh\u1eadp n\u1ed9i dung b\u1ea1n mu\u1ed1n \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n...\"><\/textarea>\r\n <\/div>\r\n <button id=\"consultationSubmitBtn\" type=\"submit\" class=\"btn-submit\">\r\n \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n <polyline points=\"12 5 19 12 12 19\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- TOAST NOTIFICATION -->\r\n <div class=\"toast-overlay\" id=\"toastOverlay\">\r\n <div class=\"toast-box\">\r\n <div class=\"toast-icon\" id=\"toastIcon\"><\/div>\r\n <div class=\"toast-title\" id=\"toastTitle\"><\/div>\r\n <div class=\"toast-msg\" id=\"toastMsg\"><\/div>\r\n <button class=\"toast-close-btn\" id=\"toastCloseBtn\"\r\n onclick=\"document.getElementById('toastOverlay').classList.remove('show')\">\u0110\u00f3ng<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ C\u1ea4U H\u00ccNH \u0110\u01af\u1edcNG D\u1eaaN \u1ea2NH T\u1eacP TRUNG\r\n const BASE_ASSETS_URL = 'http:\/\/58.186.18.93:8093\/XayDung';\r\n\r\n \/\/ T\u1ef1 \u0111\u1ed9ng g\u00e1n link \u1ea3nh \u0111\u1ed9ng\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const dynamicImages = document.querySelectorAll('.dynamic-img');\r\n dynamicImages.forEach(img => {\r\n const relativePath = img.getAttribute('data-src');\r\n if (relativePath) {\r\n img.src = BASE_ASSETS_URL + relativePath;\r\n }\r\n });\r\n });\r\n\r\n \/\/ Scroll animations\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n entry.target.querySelectorAll('.stagger-item').forEach((item, i) => {\r\n setTimeout(() => item.classList.add('visible'), i * 100);\r\n });\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n document.querySelectorAll('.fade-up, .stagger-parent').forEach(el => observer.observe(el));\r\n\r\n \/\/ Counters\r\n const counters = document.querySelectorAll('[data-counter]');\r\n const counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting && !entry.target.dataset.counted) {\r\n entry.target.dataset.counted = 'true';\r\n const end = parseInt(entry.target.dataset.counter, 10);\r\n const suffix = entry.target.dataset.suffix || '';\r\n let start = 0;\r\n const increment = end \/ (2000 \/ 16);\r\n const timer = setInterval(() => {\r\n start += increment;\r\n if (start >= end) { start = end; clearInterval(timer); }\r\n entry.target.textContent = Math.floor(start).toLocaleString() + suffix;\r\n }, 16);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n counters.forEach(el => counterObserver.observe(el));\r\n\r\n \/\/ Testimonial slider\r\n const slides = document.querySelectorAll('.testimonial-slide');\r\n const dots = document.querySelectorAll('.testimonial-dots button');\r\n let current = 0;\r\n function showSlide(i) {\r\n slides.forEach(s => s.style.display = 'none');\r\n dots.forEach(d => d.classList.remove('active'));\r\n slides[i].style.display = 'block';\r\n dots[i].classList.add('active');\r\n current = i;\r\n }\r\n dots.forEach((dot, i) => dot.addEventListener('click', () => { showSlide(i); }));\r\n setInterval(() => showSlide((current + 1) % slides.length), 5000);\r\n showSlide(0);\r\n\r\n \/\/ ===== GOOGLE SHEET LEAD FORM =====\r\n const GOOGLE_SHEET_WEB_APP_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbynCiBaN5BISAY3ezFa_YLQmnACQ8A_BqQMeTUfgziSjcGiOrffpo1u1WU6RRizUIWf_Q\/exec';\r\n const consultationForm = document.getElementById('consultationLeadForm');\r\n const consultationSubmitBtn = document.getElementById('consultationSubmitBtn');\r\n\r\n if (consultationForm && consultationSubmitBtn) {\r\n const defaultSubmitHTML = consultationSubmitBtn.innerHTML;\r\n const fields = Array.from(consultationForm.querySelectorAll('input, textarea'));\r\n\r\n const toastOverlay = document.getElementById('toastOverlay');\r\n const toastIcon = document.getElementById('toastIcon');\r\n const toastTitle = document.getElementById('toastTitle');\r\n const toastMsg = document.getElementById('toastMsg');\r\n\r\n const showToast = (type, title, message) => {\r\n toastIcon.className = 'toast-icon is-' + type;\r\n toastIcon.textContent = type === 'success' ? '\u2713' : '\u2715';\r\n toastTitle.textContent = title;\r\n toastMsg.textContent = message;\r\n toastOverlay.classList.add('show');\r\n if (type === 'success') {\r\n setTimeout(() => { toastOverlay.classList.remove('show'); }, 5000);\r\n }\r\n };\r\n\r\n const clearErrors = () => {\r\n fields.forEach((field) => {\r\n field.classList.remove('field-error');\r\n field.removeAttribute('aria-invalid');\r\n });\r\n };\r\n\r\n const markError = (field) => {\r\n field.classList.add('field-error');\r\n field.setAttribute('aria-invalid', 'true');\r\n };\r\n\r\n const validateForm = (payload) => {\r\n clearErrors();\r\n\r\n if (!payload['H\u1ecd t\u00ean'] || !payload['S\u1ed1 \u0111i\u1ec7n tho\u1ea1i'] || !payload['Email']) {\r\n if (!payload['H\u1ecd t\u00ean']) markError(document.getElementById('leadFullName'));\r\n if (!payload['S\u1ed1 \u0111i\u1ec7n tho\u1ea1i']) markError(document.getElementById('leadPhone'));\r\n if (!payload['Email']) markError(document.getElementById('leadEmail'));\r\n\r\n showToast('error', 'L\u1ed7i nh\u1eadp li\u1ec7u', 'Vui l\u00f2ng nh\u1eadp \u0111\u1ea7y \u0111\u1ee7 c\u00e1c th\u00f4ng tin b\u1eaft bu\u1ed9c');\r\n return false;\r\n }\r\n\r\n if (!\/^[0-9+\\s().-]{8,15}$\/.test(payload['S\u1ed1 \u0111i\u1ec7n tho\u1ea1i'])) {\r\n markError(document.getElementById('leadPhone'));\r\n showToast('error', 'L\u1ed7i nh\u1eadp li\u1ec7u', 'Vui l\u00f2ng nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i h\u1ee3p l\u1ec7.');\r\n return false;\r\n }\r\n\r\n if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(payload['Email'])) {\r\n markError(document.getElementById('leadEmail'));\r\n showToast('error', 'L\u1ed7i nh\u1eadp li\u1ec7u', 'Vui l\u00f2ng nh\u1eadp email h\u1ee3p l\u1ec7.');\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n fields.forEach((field) => {\r\n field.addEventListener('input', () => {\r\n field.classList.remove('field-error');\r\n field.removeAttribute('aria-invalid');\r\n });\r\n });\r\n\r\n consultationForm.addEventListener('submit', async (event) => {\r\n event.preventDefault();\r\n\r\n const payload = {\r\n form_name: 'Leads',\r\n 'H\u1ecd t\u00ean': document.getElementById('leadFullName').value.trim(),\r\n 'S\u1ed1 \u0111i\u1ec7n tho\u1ea1i': document.getElementById('leadPhone').value.trim(),\r\n 'Email': document.getElementById('leadEmail').value.trim(),\r\n 'Message': document.getElementById('leadMessage').value.trim(),\r\n 'Page URL': window.location.href,\r\n '-': new Date().toLocaleDateString('vi-VN')\r\n };\r\n\r\n if (!validateForm(payload)) return;\r\n\r\n consultationSubmitBtn.disabled = true;\r\n consultationSubmitBtn.innerHTML = '\u0110ang g\u1eedi th\u00f4ng tin...';\r\n\r\n try {\r\n const bodyParams = new URLSearchParams();\r\n Object.entries(payload).forEach(([key, value]) => bodyParams.append(key, value ?? ''));\r\n\r\n const res = await fetch(GOOGLE_SHEET_WEB_APP_URL, {\r\n method: 'POST',\r\n mode: 'cors',\r\n headers: {\r\n 'Content-Type': 'application\/x-www-form-urlencoded;charset=UTF-8'\r\n },\r\n body: bodyParams.toString()\r\n });\r\n\r\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n consultationForm.reset();\r\n clearErrors();\r\n document.getElementById('dkModalOverlay').classList.remove('active');\r\n showToast('success', 'G\u1eedi th\u00e0nh c\u00f4ng! \ud83c\udf89', 'C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 \u0111\u0103ng k\u00fd. \u0110\u1ed9i ng\u0169 t\u01b0 v\u1ea5n s\u1ebd li\u00ean h\u1ec7 v\u1edbi b\u1ea1n trong th\u1eddi gian s\u1edbm nh\u1ea5t.');\r\n } catch (error) {\r\n console.error('Lead form submission failed:', error);\r\n showToast('error', 'G\u1eedi th\u1ea5t b\u1ea1i', 'Kh\u00f4ng g\u1eedi \u0111\u01b0\u1ee3c th\u00f4ng tin. Vui l\u00f2ng th\u1eed l\u1ea1i sau.');\r\n } finally {\r\n consultationSubmitBtn.disabled = false;\r\n consultationSubmitBtn.innerHTML = defaultSubmitHTML;\r\n }\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b66ccff e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"b66ccff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af727e1 elementor-widget elementor-widget-heading\" data-id=\"af727e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tin t\u1ee9c x\u00e2y d\u1ef1ng<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bdc647 elementor-posts--align-left elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts\" data-id=\"6bdc647\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"classic_columns":"3","classic_columns_tablet":"2","classic_columns_mobile":"1","classic_row_gap":{"unit":"px","size":35,"sizes":[]},"classic_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"classic_row_gap_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1001 post type-post status-publish format-standard has-post-thumbnail hentry category-gach-op-lat category-tin-tuc category-tin-tuc-moi\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"http:\/\/58.186.18.93:8093\/XayDung\/gach-granite-gia-da-60x60-80x80-dep-va-bao-gia-chuan-nhat\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"300\" height=\"224\" src=\"http:\/\/58.186.18.93:8093\/XayDung\/wp-content\/uploads\/2026\/05\/gach-granite-gia-da-3.png\" class=\"attachment-medium size-medium wp-image-1297\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"http:\/\/58.186.18.93:8093\/XayDung\/gach-granite-gia-da-60x60-80x80-dep-va-bao-gia-chuan-nhat\/\" >\n\t\t\t\tG\u1ea1ch granite gi\u1ea3 \u0111\u00e1 60\u00d760, 80\u00d780 \u0110\u1eb9p v\u00e0 B\u00e1o gi\u00e1 chu\u1ea9n nh\u1ea5t\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t12\/05\/2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<a class=\"elementor-post__read-more\" href=\"http:\/\/58.186.18.93:8093\/XayDung\/gach-granite-gia-da-60x60-80x80-dep-va-bao-gia-chuan-nhat\/\" >\n\t\t\t\tXem th\u00eam \u00bb\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1002 post type-post status-publish format-standard has-post-thumbnail hentry category-gach-op-lat category-tin-tuc category-tin-tuc-moi\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"http:\/\/58.186.18.93:8093\/XayDung\/gach-granite-nhan-tao-la-gi-cach-phan-biet-bao-gia-chinh-xac\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"300\" height=\"224\" src=\"http:\/\/58.186.18.93:8093\/XayDung\/wp-content\/uploads\/2026\/05\/gach-lat-nen-granite-nhan-tao.png\" class=\"attachment-medium size-medium wp-image-1293\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"http:\/\/58.186.18.93:8093\/XayDung\/gach-granite-nhan-tao-la-gi-cach-phan-biet-bao-gia-chinh-xac\/\" >\n\t\t\t\tG\u1ea1ch granite nh\u00e2n t\u1ea1o l\u00e0 g\u00ec? C\u00e1ch ph\u00e2n bi\u1ec7t, b\u00e1o gi\u00e1 ch\u00ednh x\u00e1c\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t12\/05\/2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<a class=\"elementor-post__read-more\" href=\"http:\/\/58.186.18.93:8093\/XayDung\/gach-granite-nhan-tao-la-gi-cach-phan-biet-bao-gia-chinh-xac\/\" >\n\t\t\t\tXem th\u00eam \u00bb\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1003 post type-post status-publish format-standard has-post-thumbnail hentry category-gach-op-lat category-tin-tuc category-tin-tuc-moi\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"http:\/\/58.186.18.93:8093\/XayDung\/mau-gach-granite-bong-kieng-va-cach-nhan-biet-chinh-xac\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"224\" src=\"http:\/\/58.186.18.93:8093\/XayDung\/wp-content\/uploads\/2026\/05\/gach-granite-bong-kinh.png\" class=\"attachment-medium size-medium wp-image-1252\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"http:\/\/58.186.18.93:8093\/XayDung\/mau-gach-granite-bong-kieng-va-cach-nhan-biet-chinh-xac\/\" >\n\t\t\t\tM\u1eabu g\u1ea1ch Granite b\u00f3ng ki\u1ebfng v\u00e0 c\u00e1ch nh\u1eadn bi\u1ebft ch\u00ednh x\u00e1c\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t12\/05\/2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<a class=\"elementor-post__read-more\" href=\"http:\/\/58.186.18.93:8093\/XayDung\/mau-gach-granite-bong-kieng-va-cach-nhan-biet-chinh-xac\/\" >\n\t\t\t\tXem th\u00eam \u00bb\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\n\n\t\t\n\t\t\t\t\t\t<\/div>\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 class=\"elementor-element elementor-element-627f982 elementor-widget elementor-widget-html\" data-id=\"627f982\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <section class=\"cta-banner\">\r\n <div class=\"container\">\r\n <h2>Li\u00ean H\u1ec7 V\u1edbi Ch\u00fang T\u00f4i \u0110\u1ec3 \u0110\u01b0\u1ee3c T\u01b0 V\u1ea5n Nhanh Nh\u1ea5t<\/h2>\r\n <p>\u0110\u1ed9i ng\u0169 chuy\u00ean gia s\u1eb5n s\u00e0ng h\u1ed7 tr\u1ee3 b\u1ea1n m\u1ecdi l\u00fac, m\u1ecdi n\u01a1i.<\/p>\r\n <button class=\"btn-cta\" onclick=\"document.getElementById('dkModalOverlay').classList.add('active')\">\r\n LI\u00caN H\u1ec6 NGAY\r\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"\r\n style=\"margin-left: 10px;\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/section>\t\t\t\t<\/div>\n\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>N\u1ed9i dung – Trang ch\u1ee7 C\u00f4ng ty TNHH \u0110o \u0111\u1ea1c X\u00e2y d\u1ef1ng HVT \u0110o \u0111\u1ea1c Ch\u00ednh x\u00e1c GI\u1eee \u0110\u00daNG TR\u1ee4C \u2013 \u0110\u00daNG CAO \u0110\u1ed8 \u2013 \u0110\u00daNG TI\u1ebeN \u0110\u1ed8 C\u00d4NG TR\u00ccNH C\u00f4ng ty TNHH \u0110o \u0111\u1ea1c X\u00e2y d\u1ef1ng HVT chuy\u00ean cung c\u1ea5p d\u1ecbch v\u1ee5 \u0111o \u0111\u1ea1c ph\u1ee5c v\u1ee5 thi c\u00f4ng x\u00e2y d\u1ef1ng b\u1eb1ng thi\u1ebft b\u1ecb \u0111o \u0111\u1ea1c chuy\u00ean d\u1ee5ng v\u00e0 quy tr\u00ecnh l\u00e0m vi\u1ec7c th\u1ef1c t\u1ebf t\u1ea1i c\u00f4ng tr\u01b0\u1eddng Li\u00ean H\u1ec7 T\u01b0 V\u1ea5n Xem D\u1ecbch V\u1ee5 167\/13 T\u1ed5 30, Khu Ph\u1ed1 37, Ph\u01b0\u1eddng Long B\u00ecnh, T\u1ec9nh \u0110\u1ed3ng Nai, Vi\u1ec7t Nam Hotline: 0382 333 444 V\u1ea4N \u0110\u1ec0 & GI\u1ea2I PH\u00c1P Nh\u1eefng sai s\u00f3t th\u01b0\u1eddng g\u1eb7p trong thi c\u00f4ng Trong thi c\u00f4ng x\u00e2y d\u1ef1ng, ch\u1ec9 c\u1ea7n sai v\u00e0i milimet \u1edf giai \u0111o\u1ea1n \u0111\u1ea7u, h\u1eadu qu\u1ea3 c\u00f3 th\u1ec3 k\u00e9o d\u00e0i \u0111\u1ebfn to\u00e0n b\u1ed9 c\u00f4ng tr\u00ecnh Sai tim c\u1ecdc Sai cao \u0111\u1ed9 L\u1ec7ch tr\u1ee5c M\u1ea5t th\u1eddi gian x\u1eed l\u00fd, ph\u00e1t sinh chi ph\u00ed s\u1eeda ch\u1eefa Kh\u00f4ng kh\u1edbp b\u1ea3n v\u1ebd thi\u1ebft k\u1ebf v\u1edbi th\u1ef1c t\u1ebf hi\u1ec7n tr\u01b0\u1eddng Li\u00ean h\u1ec7 ngay 0382 333 444 D\u1ecaCH V\u1ee4 C\u1ee6A CH\u00daNG T\u00d4I Ba nh\u00f3m d\u1ecbch v\u1ee5 c\u1ed1t l\u00f5i c\u1ee7a HVT Ch\u00fang t\u00f4i mang \u0111\u1ebfn \u0111\u1ea7y \u0111\u1ee7 c\u00e1c d\u1ecbch v\u1ee5 thi\u1ebft k\u1ebf v\u00e0 thi c\u00f4ng d\u00e0nh cho c\u00e1 nh\u00e2n, gia \u0111\u00ecnh v\u00e0 c\u00f4ng tr\u00ecnh th\u01b0\u01a1ng m\u1ea1i. 01 \u0110o \u0111\u1ea1c tri\u1ec3n khai thi c\u00f4ng \u0110\u1ecbnh v\u1ecb tim tr\u1ee5c c\u00f4ng tr\u00ecnh B\u1ed1 tr\u00ed m\u00f3ng, c\u1ed9t, d\u1ea7m, s\u00e0n \u0110\u1ecbnh v\u1ecb c\u1ecdc \u00e9p, c\u1ecdc khoan nh\u1ed3i Chuy\u1ec3n tr\u1ee5c v\u00e0 cao \u0111\u1ed9 l\u00ean t\u1ea7ng \u0110\u1ecbnh v\u1ecb tuy\u1ebfn h\u1ea1 t\u1ea7ng k\u1ef9 thu\u1eadt Ki\u1ec3m tra k\u00edch th\u01b0\u1edbc v\u00e0 v\u1ecb tr\u00ed thi c\u00f4ng 02 Ki\u1ec3m tra v\u00e0 Ki\u1ec3m so\u00e1t sai l\u1ec7ch thi c\u00f4ng Ki\u1ec3m tra \u0111\u1ed9 th\u1eb3ng \u0111\u1ee9ng Ki\u1ec3m tra \u0111\u1ed9 ph\u1eb3ng Ki\u1ec3m tra cao \u0111\u1ed9 Ki\u1ec3m tra v\u1ecb tr\u00ed k\u1ebft c\u1ea5u \u0110\u1ed1i chi\u1ebfu thi\u1ebft k\u1ebf v\u00e0 hi\u1ec7n tr\u1ea1ng 03 \u0110o \u0111\u1ea1c ho\u00e0n c\u00f4ng \u0110o ho\u00e0n c\u00f4ng k\u1ebft c\u1ea5u \u0110o hi\u1ec7n tr\u1ea1ng c\u00f4ng tr\u00ecnh B\u00e1o c\u00e1o t\u1ecda \u0111\u1ed9 v\u00e0 cao \u0111\u1ed9 H\u1ed3 s\u01a1 ph\u1ee5c v\u1ee5 nghi\u1ec7m thu T\u1ea0I SAO CH\u1eccN HVT? B\u1ed1n l\u00fd do \u0111\u1ec3 c\u00e1c nh\u00e0 th\u1ea7u \u0111\u1ed3ng h\u00e0nh c\u00f9ng HVT 01 TH\u1ef0C T\u1ebe C\u00d4NG TR\u00ccNH Ch\u00fang t\u00f4i l\u00e0m vi\u1ec7c tr\u1ef1c ti\u1ebfp t\u1ea1i hi\u1ec7n tr\u01b0\u1eddng x\u00e2y d\u1ef1ng, hi\u1ec3u \u00e1p l\u1ef1c ti\u1ebfn \u0111\u1ed9 v\u00e0 y\u00eau c\u1ea7u ph\u1ed1i h\u1ee3p gi\u1eefa c\u00e1c t\u1ed5 \u0111\u1ed9i thi c\u00f4ng 02 T\u01af DUY H\u1ec6 TH\u1ed0NG \u0110o \u0111\u1ea1c kh\u00f4ng ch\u1ec9 l\u00e0 thao t\u00e1c m\u00e1y m\u00f3c. \u0110\u00f3 l\u00e0 qu\u00e1 tr\u00ecnh ki\u1ec3m tra \u2013 \u0111\u1ed1i chi\u1ebfu \u2013 ki\u1ec3m so\u00e1t \u2013 x\u00e1c nh\u1eadn d\u1eef li\u1ec7u 03 H\u1ea0N CH\u1ebe SAI S\u00d3T NGAY T\u1eea \u0110\u1ea6U M\u1ed9t sai s\u1ed1 nh\u1ecf \u1edf \u0111\u1ea7u c\u00f4ng tr\u00ecnh c\u00f3 th\u1ec3 k\u00e9o theo r\u1ea5t nhi\u1ec1u chi ph\u00ed ph\u00eda sau. HVT t\u1eadp trung gi\u1ea3m r\u1ee7i ro \u0111\u00f3 04 H\u1ed6 TR\u1ee2 NHANH Am hi\u1ec3u \u0111\u1ecba b\u00e0n v\u00e0 m\u00f4i tr\u01b0\u1eddng thi c\u00f4ng t\u1ea1i khu v\u1ef1c mi\u1ec1n Nam v\u00e0 T\u00e2y Nguy\u00ean N\u0102NG L\u1ef0C Kinh nghi\u1ec7m & N\u0103ng l\u1ef1c c\u1ee7a HVT 0+ C\u00f4ng tr\u00ecnh ho\u00e0n th\u00e0nh 0 K\u1ef9 s\u01b0 chuy\u00ean nghi\u1ec7p 0+ N\u0103m kinh nghi\u1ec7m 0% Kh\u00e1ch h\u00e0ng h\u00e0i l\u00f2ng D\u1ef0 \u00c1N C\u1ee6A CH\u00daNG T\u00d4I Kh\u00e1m ph\u00e1 danh m\u1ee5c d\u1ef1 \u00e1n \u1ea5n t\u01b0\u1ee3ng Bi\u1ec7t th\u1ef1 t\u1ea1i \u0110\u00e0 N\u1eb5ng Chung c\u01b0 cao c\u1ea5p Villa ngh\u1ec9 d\u01b0\u1ee1ng Nh\u00e0 ph\u1ed1 3 t\u1ea7ng \u0110\u00c1NH GI\u00c1 \u0110\u00e1nh gi\u00e1 c\u1ee7a kh\u00e1ch h\u00e0ng “\u0110\u1ed9i ng\u0169 l\u00e0m vi\u1ec7c \u0111\u00fang gi\u1edd, ph\u1ed1i h\u1ee3p t\u1ed1t v\u1edbi k\u1ef9 s\u01b0 hi\u1ec7n tr\u01b0\u1eddng. D\u1eef li\u1ec7u \u0111o \u0111\u1ea1c ch\u00ednh x\u00e1c gi\u00fap c\u00f4ng tr\u00ecnh tri\u1ec3n khai thu\u1eadn l\u1ee3i v\u00e0 h\u1ea1n ch\u1ebf sai s\u00f3t trong qu\u00e1 tr\u00ecnh thi c\u00f4ng” L\u00ea Minh Tu\u1ea5n Gi\u00e1m s\u00e1t thi c\u00f4ng x\u00e2y d\u1ef1ng “HVT h\u1ed7 tr\u1ee3 r\u1ea5t nhanh t\u1ea1i c\u00f4ng tr\u01b0\u1eddng, x\u1eed l\u00fd \u0111o \u0111\u1ea1c v\u00e0 ki\u1ec3m tra cao \u0111\u1ed9 c\u1ea9n th\u1eadn. Quy tr\u00ecnh l\u00e0m vi\u1ec7c chuy\u00ean nghi\u1ec7p, b\u00e1o c\u00e1o r\u00f5 r\u00e0ng v\u00e0 d\u1ec5 \u0111\u1ed1i chi\u1ebfu” Nguy\u1ec5n V\u0103n H\u01b0ng Gi\u00e1m s\u00e1t c\u00f4ng tr\u00ecnh × \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n H\u1ecd v\u00e0 t\u00ean * S\u1ed1 \u0111i\u1ec7n tho\u1ea1i * Email * Nh\u1eadp n\u1ed9i dung c\u1ea7n t\u01b0 v\u1ea5n \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n \u0110\u00f3ng Tin t\u1ee9c x\u00e2y d\u1ef1ng Li\u00ean H\u1ec7 V\u1edbi Ch\u00fang T\u00f4i \u0110\u1ec3 \u0110\u01b0\u1ee3c T\u01b0 V\u1ea5n Nhanh Nh\u1ea5t \u0110\u1ed9i ng\u0169 chuy\u00ean gia s\u1eb5n s\u00e0ng h\u1ed7 tr\u1ee3 b\u1ea1n m\u1ecdi l\u00fac, m\u1ecdi n\u01a1i. LI\u00caN H\u1ec6 NGAY<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"http:\/\/58.186.18.93:8093\/XayDung\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/58.186.18.93:8093\/XayDung\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/58.186.18.93:8093\/XayDung\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/58.186.18.93:8093\/XayDung\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/58.186.18.93:8093\/XayDung\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":150,"href":"http:\/\/58.186.18.93:8093\/XayDung\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":2221,"href":"http:\/\/58.186.18.93:8093\/XayDung\/wp-json\/wp\/v2\/pages\/30\/revisions\/2221"}],"wp:attachment":[{"href":"http:\/\/58.186.18.93:8093\/XayDung\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}