.elementor-46092 .elementor-element.elementor-element-5ae0101{--display:flex;}.elementor-46092 .elementor-element.elementor-element-1e96913{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.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-46092 .elementor-element.elementor-element-6b2c02c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-46092 .elementor-element.elementor-element-a10e8ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-46092 .elementor-element.elementor-element-dc0b629{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-46092 .elementor-element.elementor-element-67b90a9 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-46092 .elementor-element.elementor-element-3a89d32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-46092 .elementor-element.elementor-element-5af7f0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-46092 .elementor-element.elementor-element-8239ce5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-46092 .elementor-element.elementor-element-8239ce5 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-46092 .elementor-element.elementor-element-8239ce5 .elementor-heading-title a:hover, .elementor-46092 .elementor-element.elementor-element-8239ce5 .elementor-heading-title a:focus{color:#0054A6;}.elementor-46092 .elementor-element.elementor-element-877ed2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-46092 .elementor-element.elementor-element-140a3c1{--swiper-slides-to-display:3;--swiper-slides-gap:24px;}.elementor-46092 .elementor-element.elementor-element-140a3c1 .swiper-slide > .elementor-element{height:100%;}.elementor-46092 .elementor-element.elementor-element-a62d8dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-46092 .elementor-element.elementor-element-056ff5c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-46092 .elementor-element.elementor-element-d8938ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-46092 .elementor-element.elementor-element-b5b6544{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-46092 .elementor-element.elementor-element-895d803 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-46092 .elementor-element.elementor-element-c0eefde{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-contact-form-7 .wpcf7 input.wpcf7-submit{background-color:var( --e-global-color-primary );}.elementor-widget-contact-form-7  .wpcf7 input.wpcf7-submit{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-contact-form-7 .wpcf7 input.wpcf7-submit:hover{background-color:var( --e-global-color-primary );}.elementor-widget-contact-form-7 .wpcf7 input.wpcf7-submit:focus{background-color:var( --e-global-color-primary );}.elementor-46092 .elementor-element.elementor-element-49b2bbc .wpcf7 span.wpcf7-not-valid-tip{text-align:left;display:block;}.elementor-46092 .elementor-element.elementor-element-49b2bbc .wpcf7 div.wpcf7-response-output{text-align:left;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-46092 .elementor-element.elementor-element-6b2c02c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-46092 .elementor-element.elementor-element-67b90a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-46092 .elementor-element.elementor-element-140a3c1{--swiper-slides-to-display:2;}.elementor-46092 .elementor-element.elementor-element-056ff5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-46092 .elementor-element.elementor-element-895d803{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}}@media(max-width:767px){.elementor-46092 .elementor-element.elementor-element-140a3c1{--swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-6b2c02c *//* Sử dụng thuộc tính giả lập .elementor-46092 .elementor-element.elementor-element-6b2c02c::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-46092 .elementor-element.elementor-element-6b2c02c .elementor-heading-title {
    position: relative !important;
    padding-bottom: 12px !important; /* Tạo khoảng trống vừa đủ giữa chữ và vạch */
}

.elementor-46092 .elementor-element.elementor-element-6b2c02c .elementor-heading-title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 10% !important; /* Độ dài vạch chân chiếm đúng 20% tiêu đề */
    height: 3px !important; /* Độ dày của vạch */
    background-color: #0054a6 !important; /* Màu xanh thương hiệu */
    border-radius: 2px !important; /* Bo tròn nhẹ góc vạch cho tinh tế */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67b90a9 *//* Sử dụng thuộc tính giả lập .elementor-46092 .elementor-element.elementor-element-67b90a9::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-46092 .elementor-element.elementor-element-67b90a9 .elementor-heading-title {
    position: relative !important;
    padding-bottom: 12px !important; /* Tạo khoảng trống vừa đủ giữa chữ và vạch */
}

.elementor-46092 .elementor-element.elementor-element-67b90a9 .elementor-heading-title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 10% !important; /* Độ dài vạch chân chiếm đúng 20% tiêu đề */
    height: 3px !important; /* Độ dày của vạch */
    background-color: #0054a6 !important; /* Màu xanh thương hiệu */
    border-radius: 2px !important; /* Bo tròn nhẹ góc vạch cho tinh tế */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8239ce5 *//* ==========================================================================
   🎯 QTU PREMIUM HEADING LINE & VIEW ALL BUTTON OVERRIDE
   ========================================================================== */

/* 1. Thiết lập cấu trúc nền tiêu đề và vạch chân */
.elementor-46092 .elementor-element.elementor-element-8239ce5 .elementor-heading-title {
    display: flex !important;
    flex-direction: row !important; /* Khóa cứng đồng hàng, chống rớt dòng */
    align-items: center !important;  /* Căn trục đứng tiêu đề và nút bằng nhau */
    width: 100% !important;
    gap: 12px !important;
    position: relative !important;
    padding-bottom: 14px !important; /* Tạo không gian thở cho vạch chân đáy */
    font-family: 'Be Vietnam Pro', sans-serif !important;
}

/* 🌟 ĐẶC TRỊ: Cô lập vạch chân tuyệt đối không cho chen vào hàng Flex */
.elementor-46092 .elementor-element.elementor-element-8239ce5 .elementor-heading-title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 60px !important; /* Cố định độ dài vạch chân (thay vì dùng % dễ bị co giãn theo độ dài chữ) */
    height: 3px !important;
    background-color: #0054a6 !important; /* Xanh thương hiệu QTU */
    border-radius: 4px !important;
    order: 99 !important; /* Ép luồng đọc của flex xếp nó xuống cuối cùng */
}

/* 2. Thiết lập nút "XEM TẤT CẢ" căn phải tự động */
.elementor-46092 .elementor-element.elementor-element-8239ce5 .qtu-view-all {
    margin-left: auto !important; /* Chiếc lò xo thần kỳ đẩy kịch biên phải */
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0054a6 !important;
    text-decoration: none !important;
    font-family: 'Be Vietnam Pro', sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important; /* Khóa cứng chuỗi chữ chống gãy dòng */
    transition: all 0.25s ease !important;
}

/* Hiệu ứng Hover chuyển màu nhẹ nhàng */
.elementor-46092 .elementor-element.elementor-element-8239ce5 .qtu-view-all:hover {
    color: #08a374 !important; /* Đổi sang màu thương hiệu phụ khi hover */
}

/* Nhích nhẹ mũi tên hoặc icon FontAwesome nằm trong nút */
.elementor-46092 .elementor-element.elementor-element-8239ce5 .qtu-view-all i,
.elementor-46092 .elementor-element.elementor-element-8239ce5 .qtu-view-all span {
    transition: transform 0.25s ease !important;
    font-size: 11px !important;
    display: inline-block !important;
}

.elementor-46092 .elementor-element.elementor-element-8239ce5 .qtu-view-all:hover i,
.elementor-46092 .elementor-element.elementor-element-8239ce5 .qtu-view-all:hover span {
    transform: translateX(4px) !important; /* Đẩy nhẹ mũi tên sang phải */
}

/* ==========================================================================
   📱 3. RESPONSIVE TINH CHỈNH TRÊN MOBILE (MÀN HÌNH < 767PX)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-46092 .elementor-element.elementor-element-8239ce5 .elementor-heading-title {
        padding-bottom: 12px !important;
        gap: 8px !important; /* Thu hẹp gap để vừa màn hình nhỏ */
    }
    
    .elementor-46092 .elementor-element.elementor-element-8239ce5 .elementor-heading-title::after {
        width: 45px !important; /* Thu nhỏ vạch chân trên thiết bị di động */
        height: 2.5px !important;
    }
    
    .elementor-46092 .elementor-element.elementor-element-8239ce5 .qtu-view-all {
        font-size: 12.5px !important; /* Co nhỏ chữ để không kích lề */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-877ed2f *//* ==========================================================================
   1. CẤU HÌNH ĐỘ RỘNG KHỐI TỔNG ĐỒNG BỘ 100% VỚI TIÊU ĐỀ
   ========================================================================== */
.elementor-46092 .elementor-element.elementor-element-877ed2f {
    /* 🌟 CHÍ MẠNG: Ép căng kịch biên 100% không giới hạn và trả lề (padding) về 0 */
    width: 100% !important;
    max-width: 100% !important; 
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0 auto 50px auto !important; /* Khoảng hở 50px phía dưới để cách biệt với FAQ */
    display: block !important;
}

/* Đảm bảo khung container trực thuộc bên trong Elementor ăn kịch biên độ rộng */
.elementor-46092 .elementor-element.elementor-element-877ed2f > .elementor-container,
.elementor-46092 .elementor-element.elementor-element-877ed2f > .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Khóa chết phần core của Slider không cho phép tự sinh ra khoảng đệm thụt lề */
.elementor-46092 .elementor-element.elementor-element-877ed2f .elementor-main-swiper,
.elementor-46092 .elementor-element.elementor-element-877ed2f .swiper-container {
    width: 100% !important;
    padding-left: 4px !important;  /* Giữ 4px rất nhỏ để không bị chặt cụt mất bóng đổ (shadow) của card ngoài biên */
    padding-right: 4px !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   2. BIẾN MỖI Ô TIN TỨC THÀNH CARD TRẮNG ĐỔ BÓNG SIÊU MƯỢT
   ========================================================================== */
.elementor-46092 .elementor-element.elementor-element-877ed2f .qtu-news-slide .swiper-slide {
    background: #ffffff !important;
    border: 1px solid #eef1f4 !important;
    border-radius: 16px !important; /* Bo góc 16px đồng bộ chuỗi card */
    overflow: hidden !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.03) !important;
    
    /* Nhịp chuyển động mượt mà khi hover */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important,
                box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important,
                border-color 0.4s ease !important;
}

/* Hiệu ứng nổi khối khi rê chuột vào từng ô tin tức */
.elementor-46092 .elementor-element.elementor-element-877ed2f .qtu-news-slide .swiper-slide:hover {
    transform: translateY(-6px) !important; /* Nhấc nhẹ lên 6px */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07) !important; /* Đổ bóng sâu */
    border-color: #0054a6 !important; /* Đổi màu viền sang xanh QTU */
}

/* ==========================================================================
   3. HIỆU ỨNG LỒNG KÍNH PHÓNG TO ẢNH BANNER TIN TỨC
   ========================================================================== */
.elementor-46092 .elementor-element.elementor-element-877ed2f .qtu-news-slide .swiper-slide img {
    width: 100% !important;
    height: 220px !important; /* Khóa trần chiều cao ảnh đại diện tin tức */
    object-fit: cover !important; /* Chống méo, móp hình ảnh */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-46092 .elementor-element.elementor-element-877ed2f .qtu-news-slide .swiper-slide:hover img {
    transform: scale(1.05) !important; /* Ảnh phóng to nhẹ 5% trong khung kính */
}

/* ==========================================================================
   4. TINH CHỈNH MŨI TÊN ĐIỀU HƯỚNG SANG MÀU XANH QUANG TRUNG (QTU)
   ========================================================================== */
.elementor-46092 .elementor-element.elementor-element-877ed2f .elementor-swiper-button {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #eef1f4 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important; /* Biến nút bấm thành hình tròn */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

.elementor-46092 .elementor-element.elementor-element-877ed2f .elementor-swiper-button i,
.elementor-46092 .elementor-element.elementor-element-877ed2f .elementor-swiper-button svg {
    color: #0054a6 !important; /* Ép mũi tên chuyển sang màu xanh gốc QTU */
    font-size: 14px !important;
}

/* Khi di chuột vào nút mũi tên */
.elementor-46092 .elementor-element.elementor-element-877ed2f .elementor-swiper-button:hover {
    background: #0054a6 !important; /* Đổi nền sang xanh */
    border-color: #0054a6 !important;
}
.elementor-46092 .elementor-element.elementor-element-877ed2f .elementor-swiper-button:hover i,
.elementor-46092 .elementor-element.elementor-element-877ed2f .elementor-swiper-button:hover svg {
    color: #ffffff !important; /* Mũi tên chuyển sang trắng */
}

/* ==========================================================================
   5. ĐỊNH DẠNG CÁC CHẤM TRÒN PHÂN TRANG PHÍA DƯỚI
   ========================================================================== */
.elementor-46092 .elementor-element.elementor-element-877ed2f .swiper-pagination-bullet-active {
    background: #0054a6 !important; /* Chấm hiện tại màu xanh QTU */
    width: 24px !important; /* Kéo dài chấm chủ đạo thành dạng hình thoi dẹt hiện đại */
    border-radius: 4px !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-056ff5c *//* Sử dụng thuộc tính giả lập .elementor-46092 .elementor-element.elementor-element-056ff5c::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-46092 .elementor-element.elementor-element-056ff5c .elementor-heading-title {
    position: relative !important;
    padding-bottom: 12px !important; /* Tạo khoảng trống vừa đủ giữa chữ và vạch */
}

.elementor-46092 .elementor-element.elementor-element-056ff5c .elementor-heading-title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 10% !important; /* Độ dài vạch chân chiếm đúng 20% tiêu đề */
    height: 3px !important; /* Độ dày của vạch */
    background-color: #0054a6 !important; /* Màu xanh thương hiệu */
    border-radius: 2px !important; /* Bo tròn nhẹ góc vạch cho tinh tế */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-895d803 *//* Sử dụng thuộc tính giả lập .elementor-46092 .elementor-element.elementor-element-895d803::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-46092 .elementor-element.elementor-element-895d803 .elementor-heading-title {
    position: relative !important;
    padding-bottom: 12px !important; /* Tạo khoảng trống vừa đủ giữa chữ và vạch */
}

.elementor-46092 .elementor-element.elementor-element-895d803 .elementor-heading-title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 10% !important; /* Độ dài vạch chân chiếm đúng 20% tiêu đề */
    height: 3px !important; /* Độ dày của vạch */
    background-color: #0054a6 !important; /* Màu xanh thương hiệu */
    border-radius: 2px !important; /* Bo tròn nhẹ góc vạch cho tinh tế */
}/* End custom CSS */