.elementor-970 .elementor-element.elementor-element-7c37e71{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-970 .elementor-element.elementor-element-7c37e71:not(.elementor-motion-effects-element-type-background), .elementor-970 .elementor-element.elementor-element-7c37e71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-970 .elementor-element.elementor-element-1a605d8{text-align:center;}.elementor-970 .elementor-element.elementor-element-1a605d8 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:3rem;font-weight:900;line-height:54px;color:#1E40AF;}.elementor-970 .elementor-element.elementor-element-4b9d936{width:var( --container-widget-width, 60% );max-width:60%;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-970 .elementor-element.elementor-element-4b9d936.elementor-element{--align-self:center;}.elementor-970 .elementor-element.elementor-element-4b9d936 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;font-style:italic;line-height:24px;color:#6B7280;}.elementor-970 .elementor-element.elementor-element-a0e8170{--display:flex;}.elementor-970 .elementor-element.elementor-element-8c2c57f{width:auto;max-width:auto;}.elementor-970 .elementor-element.elementor-element-8c2c57f.elementor-element{--align-self:center;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-970 .elementor-element.elementor-element-901fa42{--grid-columns:1;}.elementor-970 .elementor-element.elementor-element-901fa42 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-970 .elementor-element.elementor-element-901fa42 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-970 .elementor-element.elementor-element-901fa42 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-970 .elementor-element.elementor-element-901fa42 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-970 .elementor-element.elementor-element-901fa42 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-970 .elementor-element.elementor-element-901fa42{--grid-columns:2;}}@media(max-width:767px){.elementor-970 .elementor-element.elementor-element-1a605d8 .elementor-heading-title{font-size:36px;}.elementor-970 .elementor-element.elementor-element-4b9d936{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-970 .elementor-element.elementor-element-901fa42{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-8c2c57f *//* 1. Căn giữa toàn bộ cụm tìm kiếm */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* 2. Sắp xếp các ô nằm ngang, có khoảng cách đều nhau */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter > ul {
    display: flex;
    flex-wrap: wrap; /* Cho phép rớt dòng trên điện thoại */
    gap: 15px; /* Khoảng cách giữa các ô */
    padding: 0;
    margin: 0;
    list-style: none;
    align-items: center;
    justify-content: center;
}

/* Tắt margin thừa của danh sách */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter > ul > li {
    padding: 0;
    margin: 0;
}

/* 3. Trang trí Ô nhập Text và Ô chọn Phòng ban */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter input[type="text"], 
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter select {
    padding: 0 20px;
    height: 48px; /* Cố định chiều cao cho bằng nhau */
    font-size: 15px;
    color: #333;
    background-color: #F5F7FA; /* Nền xám nhạt hiện đại */
    border: 1px solid #E2E8F0; /* Viền mỏng */
    border-radius: 8px; /* Bo góc mềm mại */
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Cho ô Text dài ra một chút */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter input[type="text"] {
    min-width: 280px;
}

/* Cho ô Phòng ban kích thước vừa phải */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter select {
    min-width: 220px;
    cursor: pointer;
}

/* 4. Hiệu ứng phát sáng khi khách click vào ô (Focus) */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter input[type="text"]:focus,
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter select:focus {
    border-color: #174291; /* Viền chuyển màu xanh CRG */
    box-shadow: 0 0 0 3px rgba(23, 66, 145, 0.1); /* Tỏa hào quang nhẹ */
    background-color: #ffffff;
}

/* 5. Trang trí nút Search (Màu sắc, Bo góc, Đổ bóng) */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter input[type="submit"] {
    background-color: #174291; /* Màu xanh CRG */
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    padding: 0 30px;
    height: 48px; /* Chiều cao bằng với các ô nhập liệu */
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(23, 66, 145, 0.2); /* Đổ bóng cho nút nổi lên */
}

/* Hiệu ứng khi di chuột vào nút Search */
.elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter input[type="submit"]:hover {
    background-color: #113270; /* Đậm hơn một chút */
    box-shadow: 0 6px 12px rgba(23, 66, 145, 0.3);
    transform: translateY(-2px); /* Nhảy nhẹ lên */
}
.searchandfilter ul {
    padding-left: 0;
}

/* 6. Tối ưu cho màn hình Điện thoại (Mobile) */
@media (max-width: 768px) {
    .elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter > ul {
        flex-direction: column; /* Xếp dọc trên mobile */
        width: 100%;
    }
    .elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter > ul > li,
    .elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter input[type="text"],
    .elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter select,
    .elementor-970 .elementor-element.elementor-element-8c2c57f .searchandfilter input[type="submit"] {
        width: 100%; /* Kéo dài tràn viền điện thoại */
        min-width: 100%;
    }
    .searchandfilter li{
        width: 100%;
        margin-bottom: 14px;
        padding-right: 0;
    }
    .crg-fake-submit-btn{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-901fa42 */.elementor-pagination{
    margin-top: 16px;
}/* End custom CSS */