body { background-color: #f0f2f5; }

        .header-wrapper {
            background-color: #005A9C;
            color: white;
            padding: 1.5rem 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .header-logo {
            max-height: 60px;
        }
        .header-title h1, .header-title p {
            margin-bottom: 0;
        }
        .header-title h1 {
            font-size: 1.75rem;
        }
        .main-content {
           
            padding-bottom: 2rem;
        }
        .search-container {
            background-color: white; padding: 1.5rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .search-container .form-control { border-color: #0d6efd; }
        .accordion-item { margin-bottom: 0.2rem; border: 1px solid #dee2e6; border-radius: 0.5rem; overflow: hidden; }
        .accordion-button { font-weight: 500; }
        .accordion-button:not(.collapsed) { color: #0d6efd; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); }
        .contact-info-block h3 { font-size: 1.25rem; font-weight: bold; color: #343a40; margin-bottom: 1rem; }
        .contact-info-block ul { list-style-type: none; padding-left: 0; }
        .contact-info-block li { margin-bottom: 0.75rem; font-size: 1rem; }
        .contact-info-block li i { color: #0d6efd; margin-right: 0.75rem; width: 20px; text-align: center; }
        .contact-info-block { padding: 1rem; }
        .row > .col-md-6:first-child:not(:last-child) { border-right: 1px solid #e9ecef; }
        .cty{ background-color: blue; border-radius: 8px; color: white; padding-left: 8px; padding-right: 8px; }
        
        /* --- BẮT ĐẦU CSS CHO GIAO DIỆN MOBI --- */
        /* Áp dụng cho màn hình có chiều rộng tối đa 767px (chuẩn của Bootstrap cho tablet nhỏ và phone) */
        @media (max-width: 767.98px) {
            .header-wrapper .d-flex {
                flex-direction: column; /* Chuyển layout từ hàng ngang sang cột dọc */
            }
            .header-logo-wrapper {
                margin: 0 0 0.5rem 0 !important; /* Xóa margin phải và thêm margin dưới */
                text-align: center; /* Căn giữa logo */
            }
            .header-title {
                text-align: center; /* Căn giữa khối text */
            }
            .header-title h1 {
                display: none; /* Ẩn tiêu đề "Công ty ACBH - ACBD" */
            }
            .header-title p {
                font-size: 1.1rem; /* Có thể tăng font cho dễ đọc */
            }
            .row > .col-md-6:first-child:not(:last-child) {
                border-right: none;
                border-bottom: 1px solid #e9ecef;
                padding-bottom: 1rem;
                margin-bottom: 1rem;
            }
        }