.elementor-kit-9{--e-global-color-primary:#0B427C;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;color:#000000;font-size:17px;font-weight:600;background-image:linear-gradient(202deg, #FFFFFF 0%, #FFFDF8 100%);--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-page-transition-animation-duration:1000ms;}.elementor-kit-9 e-page-transition{background-color:#4D556D00;}.elementor-kit-9 h1{font-family:"Varela Round", Sans-serif;font-size:50px;}.elementor-kit-9 h2{font-family:"Varela Round", Sans-serif;font-size:30px;}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{color:#000000;}.elementor-kit-9 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea:focus,.elementor-kit-9 .elementor-field-textual:focus{color:#000000;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;--container-default-padding-top:3%;--container-default-padding-right:0%;--container-default-padding-bottom:2%;--container-default-padding-left:0%;}.elementor-widget:not(:last-child){--kit-widget-spacing:26px;}.elementor-element{--widgets-spacing:26px 26px;--widgets-spacing-row:26px;--widgets-spacing-column:26px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================================================
   CSS BẢNG HỒ SƠ I CAN READ - GIAO DIỆN HIỆN ĐẠI
   Màu chủ đạo: Xanh đậm (#082d8b), Viền trắng, Bo góc
=================================================== */

/* 1. Khung bảng tổng thể */
.single-ho_so_icr table {
    width: 100% !important;
    border-collapse: separate !important; 
    border-spacing: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 40px !important;
    border-radius: 10px !important; /* Bo góc mềm mại */
    border: 2px solid #ffffff !important; /* Bắt buộc viền ngoài cùng màu trắng */
    overflow: hidden !important; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; /* Đổ bóng nhẹ để viền trắng nổi lên nền web */
    background-color: #f8f9fa !important; 
}

/* 2. Định dạng các ô (Cell) chung */
.single-ho_so_icr th,
.single-ho_so_icr td {
    padding: 16px 20px !important;
    text-align: left !important;
    vertical-align: middle !important;
    border: none !important; /* XÓA SẠCH viền đen mặc định của theme */
    border-right: 2px solid #ffffff !important; /* Lưới dọc màu trắng */
    border-bottom: 2px solid #ffffff !important; /* Lưới ngang màu trắng */
}

/* Xóa viền trắng thừa ở cột/hàng cuối cùng để ôm sát góc bo */
.single-ho_so_icr th:last-child,
.single-ho_so_icr td:last-child {
    border-right: none !important;
}
.single-ho_so_icr tbody tr:last-child td {
    border-bottom: none !important;
}

/* 3. Phần Tiêu đề bảng (Header) */
.single-ho_so_icr thead th {
    background-color: #082d8b !important; /* Xanh đậm */
    color: #ffffff !important; /* Chữ trắng */
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.3px !important;
}

/* 4. Phần Nội dung bảng (Body) */
.single-ho_so_icr tbody td {
    color: #4a4a4a !important; 
    font-size: 14.5px !important;
}

/* Hiệu ứng sọc xen kẽ (Zebra Striping) */
.single-ho_so_icr tbody tr:nth-child(even) td {
    background-color: #f1f3f5 !important; 
}
.single-ho_so_icr tbody tr:nth-child(odd) td {
    background-color: #f8f9fa !important; 
}

/* 5. Hiệu ứng Hover */
.single-ho_so_icr tbody tr:hover td {
    background-color: #e2e8f0 !important; 
    color: #111827 !important; 
    transition: background-color 0.25s ease !important;
}

/* ===================================================
   Làm đẹp thêm cho các Tiêu đề H3
=================================================== */
.single-ho_so_icr h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #082d8b !important; 
    margin-top: 45px !important;
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e2e8f0 !important; 
}/* End custom CSS */