/* [Update: 01/10/2026 23:12]
   Chuyen nen cac khung nhap form lien he sang nen sang (#f8f9fa), chu ro net */

/* --- 1. GLOBAL: Ẩn nút cuộn lên đầu trang (Back to top) --- */
#top {
    display: none !important;
}

/* --- 2. HEADER: Căn giữa Logo và Menu (Kiểu Sang trọng) --- */
@media (min-width: 992px) {
  .rst-menu { padding-top: 15px !important; padding-bottom: 15px !important; }
  .container-menu {
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important; gap: 15px !important;
  }
  .rst-menu .header-logo { width: auto !important; display: flex !important; justify-content: center !important; }
  .rst-menu .header-logo img { max-width: 338px !important; width: 100% !important; height: auto !important; display: block !important; }
  .rst-main-menu {
    width: 100% !important; display: flex !important; flex-direction: column !important;
    align-items: center !important; gap: 4px !important; 
  }
  .rst-main-menu ul.rst-menu-main {
    margin: 0 !important; padding: 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .rst-main-menu ul li a { margin: 0 !important; display: inline-block !important; padding-bottom: 2px !important; }
  
  /* Nút Menu phụ */
  .rst-menu ul.menu-menu-2, .menu-menu-2 {
    position: static !important; width: 100% !important; 
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important;
    gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important;
  }
  .rst-menu ul.menu-menu-2 li, .menu-menu-2 li {
    padding: 0 !important; margin: 0 !important; border: none !important;
    display: inline-flex !important; align-items: center !important;
  }
  .rst-menu ul.menu-menu-2 li a, .menu-menu-2 li a {
    display: inline-block !important; padding: 4px 13px !important;
    background: #f1f3f5 !important; color: #4b5563 !important;
    border-radius: 20px !important; font-size: 12px !important; font-weight: 500 !important; line-height: 18px !important;
    text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; white-space: nowrap !important;
    margin: 0 !important; transition: all 0.2s ease !important;
  }
  .rst-menu ul.menu-menu-2 li a:hover, .menu-menu-2 li a:hover { background: #820000 !important; color: #ffffff !important; }
  .rst-menu ul.menu-menu-2 li:last-child a, .menu-menu-2 li:last-child a { background: #820000 !important; color: #ffffff !important; font-weight: 600 !important; }
  .rst-menu ul.menu-menu-2 li:last-child a:hover, .menu-menu-2 li:last-child a:hover { background: #9e0000 !important; }
}

/* --- 3. PAGE: VỀ CHÚNG TÔI (Ép khoảng trắng vừa vặn, không dính sát) --- */
.content-bg { padding-top: 30px !important; }
.heading-page-new { margin-top: 15px !important; margin-bottom: 25px !important; }
.about-belief .belief-list { margin: 25px 0 40px !important; }
.about-belief .belief-out + .belief-out { margin-top: 30px !important; }
.about-core { padding: 25px 0 30px !important; }
.about-core .ab_item-core { margin-top: 15px !important; }
.about-business { padding: 40px 0 !important; }
.about-business .busi-list { margin: 30px -15px 10px !important; }

/* --- 4. PAGE: VỀ CHÚNG TÔI (Cân đối lại tỷ lệ hình ảnh) --- */
@media (min-width: 992px) {
    /* Sứ mệnh & Tầm nhìn */
    .about-belief .img { width: 250px !important; flex-basis: 250px !important; margin: 0 auto !important; }
    .about-belief .img img { width: 100% !important; height: auto !important; }
    .about-belief .info { width: calc(100% - 280px) !important; flex-basis: calc(100% - 280px) !important; }
    
    /* Giá trị cốt lõi */
    .about-core .ab_item-core .img { width: 80px !important; height: 80px !important; }
    .about-core .ab_item-core .img:after { width: 60px !important; height: 60px !important; bottom: -5px !important; right: 5px !important; }
    .about-core .ab_item-core .info { width: calc(100% - 90px) !important; flex-basis: calc(100% - 90px) !important; }
    
    /* Lĩnh vực kinh doanh */
    .about-business .busi-item:nth-of-type(1) .img,
    .about-business .busi-item:nth-of-type(2) .img,
    .about-business .busi-item:nth-of-type(3) .img { width: 240px !important; flex-basis: 240px !important; }
}

/* --- 5. PAGE: TRANG CHỦ (Banner Dạng Box, Tỷ lệ 24:9) --- */
@media (min-width: 992px) {
    .banner-home {
        background: #f8f9fa; /* Nền xám nhẹ để làm nổi bật khung banner */
        padding: 30px 0; /* Cách một chút so với mép header */
    }
    .banner-home .slider-banner .items {
        height: auto !important; /* Bỏ ép buộc chiều cao cũ */
        width: 100% !important;
        max-width: 1200px !important; /* Giới hạn chiều rộng ngang */
        margin: 0 auto !important; /* Căn giữa màn hình */
        aspect-ratio: 24 / 9 !important; /* Khóa tỷ lệ khung hình siêu dẹt */
        border-radius: 15px !important; /* Bo góc */
        
        /* Cứu cánh ảnh sai tỷ lệ: Ưu tiên lấp đầy dọc, cắt bớt 2 bên hông */
        background-size: cover !important; 
        background-position: center center !important;
        background-repeat: no-repeat !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important; /* Bóng đổ nhẹ */
    }
    /* Chỉnh lại vị trí của cụm dấu chấm tròn (dots) do form banner đã thu gọn */
    .banner .owl-dots {
        bottom: 20px !important;
    }
}

/* --- 6. PAGE: TRANG CHỦ (Tùy chỉnh riêng dòng tiêu đề Sản phẩm - Cắt 2/3 khoảng trắng) --- */
.home-design {
    margin-top: 10px !important;
}

.home-design-title {
    margin: 0 !important;
}

.home-design-title .p-90 {
    padding-top: 25px !important;    /* Giảm từ 90px xuống còn 25px (cắt đi 2/3) */
    padding-bottom: 25px !important; /* Giảm từ 90px xuống còn 25px (cắt đi 2/3) */
}

.home-design-title h2 {
    background-color: #f1f3f5 !important; /* Màu nền nhẹ hiện đại */
    color: #820000 !important; /* Màu chữ thương hiệu nổi bật */
    padding: 10px 24px !important; /* Khoảng cách trong */
    border-radius: 30px !important; /* Bo tròn góc kiểu pill/capsule */
    display: inline-block !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e9ecef !important;
    margin: 0 !important;
}

.home-design-title h2:after {
    display: none !important; /* Ẩn gạch chân đỏ cũ vì đã có nền và bo góc */
}

/* Bo góc cho nút "Xem thêm" (Project Cell Readmore và rst-see-more) */
.project-cell-readmore {
    border-radius: 20px !important;
    padding: 8px 20px !important;
}

.rst-see-more a {
    border-radius: 30px !important;
    padding: 0 35px !important;
    font-size: 18px !important;
    box-shadow: 0 4px 15px rgba(130, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* --- 6. TRANG LIÊN HỆ: Khối thông tin công ty dưới form tư vấn --- */
.contact-company-info {
    max-width: 830px;
    margin: 45px auto 20px;
    padding: 0 15px;
    text-align: left;
}
.contact-company-info .company-logo {
    margin-bottom: 25px;
}
.contact-company-info .company-logo img {
    max-width: 250px;
    height: auto;
    display: block;
}
.contact-company-info .company-name {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 16px 0;
    line-height: 1.4;
}
.contact-company-info .company-item {
    font-size: 17px;
    font-weight: 700;
    color: #222222;
    line-height: 1.85;
    margin: 0 0 8px 0;
}
.contact-company-info .company-item strong {
    font-weight: 700;
    color: #111111;
}
.contact-company-info .company-item a {
    color: #222222;
    text-decoration: none;
    transition: color 0.2s ease;
}
.contact-company-info .company-item a:hover {
    color: #820000;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .contact-company-info {
        margin-top: 30px;
        padding: 0 10px;
    }
    .contact-company-info .company-logo img {
        max-width: 200px;
    }
    .contact-company-info .company-name {
        font-size: 20px;
    }
    .contact-company-info .company-item {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* --- 7. FORM TƯ VẤN: Khung nhập nền sáng, viền tinh tế, chữ rõ nét --- */
.contact-form .form-contact input[type="text"],
.contact-form .form-contact input[type="email"],
.contact-form .form-contact input[type="tel"],
.contact-form .form-contact textarea,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea,
.form-contact .form-control input,
.form-contact .form-control textarea {
    background-color: #f8f9fa !important;
    background: #f8f9fa !important;
    color: #1a1a1a !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    padding: 10px 14px !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.2s ease-in-out !important;
}

.contact-form .form-contact input[type="text"]:focus,
.contact-form .form-contact input[type="email"]:focus,
.contact-form .form-contact input[type="tel"]:focus,
.contact-form .form-contact textarea:focus,
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form textarea:focus,
.form-contact .form-control input:focus,
.form-contact .form-control textarea:focus {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #820000 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(130, 0, 0, 0.12) !important;
}

.contact-form .form-control label {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 6px !important;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #9ca3af !important;
}