@charset "UTF-8"; /* ============================================================ Section 7 — Form đăng ký tư vấn Nguồn: section-7/style.css — toàn bộ scope trong .section-7 ============================================================ */ /* reCAPTCHA Enterprise chạy invisible (không có checkbox) — badge Google tự gắn thẳng vào cuối , nằm NGOÀI .section-7 nên phải ẩn ở phạm vi toàn trang, không scope theo section được. Bù lại bằng dòng disclosure text ở .consult-form__privacy. */ .grecaptcha-badge { visibility: hidden; } .section-7 { /* Biến :root gốc → scope theo section */ --ink: #000000; --subtle: #5e5c62; --line: #e4e4e4; --brand-orange: #fdb814; --error: #e6483e; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--ink); } .section-7, .section-7 *, .section-7 *::before, .section-7 *::after { box-sizing: border-box; } .section-7.consult-section { position: relative; overflow: hidden; } .section-7 .bootstrap-select.form-control.ocb { background: transparent; } .section-7 .consult-section__bg { position: absolute; inset: 0; z-index: 0; } .section-7 .consult-section__bg-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; display: block; } .section-7 .consult-section__bg-img--mobile { display: none; } .section-7 { /* Ảnh mờ dần thành trắng ở nửa trái để chữ/form đọc được rõ, giữ ảnh rõ bên phải. */ } .section-7 .consult-section__fade { position: absolute; inset: 0; background: linear-gradient(to left, rgba(255, 255, 255, 0) 40%, #ffffff 60%); } .section-7 .consult-section__inner { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; padding: 60px 0 60px; } .section-7 .consult-section__title { margin: 0 0 20px; font-size: 32px; font-weight: 600; line-height: 1.2; } .section-7 .consult-form { display: flex; flex-direction: column; gap: 20px; width: 470px; max-width: 100%; } .section-7 { /* ---------- Text field: dùng nguyên markup + class thật của VIB (.form_group > .floating-label > .floating-input + label) nên toàn bộ style (border, floating label, trạng thái :disabled/.invalid) đã có sẵn trong form_style.css — không cần override gì thêm ở đây. ---------- */ /* ---------- Select "Nhà đầu tư"/"Tên dự án": dùng đúng bootstrap-select thật của VIB (03-common-plugins.js) qua addDataDropdow(), UI (nút, panel, ô tìm kiếm, dấu check) hoàn toàn do form_style.css/form_mortgage.css/ bootstrap-select tự vẽ. Trạng thái lỗi cũng vậy: highlight() add class "invalid" thẳng lên