.elementor-45550 .elementor-element.elementor-element-e8536df{--display:flex;}.elementor-45550 .elementor-element.elementor-element-e88e6e9{--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:0px;--margin-right:0px;--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-45550 .elementor-element.elementor-element-7b01a03 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45550 .elementor-element.elementor-element-9014f7d{--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;}.elementor-45550 .elementor-element.elementor-element-995f2d2{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45550 .elementor-element.elementor-element-be401f7 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45550 .elementor-element.elementor-element-e40f65d{--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;}.elementor-45550 .elementor-element.elementor-element-000955a{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45550 .elementor-element.elementor-element-ddac467 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45550 .elementor-element.elementor-element-15e6ae1{--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;}.elementor-45550 .elementor-element.elementor-element-2cf34ad{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45550 .elementor-element.elementor-element-0f9eadd .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45550 .elementor-element.elementor-element-94223db{--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;}.elementor-45550 .elementor-element.elementor-element-3389583{--swiper-slides-to-display:3;--swiper-slides-gap:24px;}.elementor-45550 .elementor-element.elementor-element-3389583 .swiper-slide > .elementor-element{height:100%;}.elementor-45550 .elementor-element.elementor-element-c2ad8c2{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45550 .elementor-element.elementor-element-b445bbc .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45550 .elementor-element.elementor-element-4768fb4{--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;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45550 .elementor-element.elementor-element-690ae05{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45550 .elementor-element.elementor-element-ba00200 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45550 .elementor-element.elementor-element-786c137{--display:flex;--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-45550 .elementor-element.elementor-element-d492952 .wpcf7 span.wpcf7-not-valid-tip{text-align:left;display:block;}.elementor-45550 .elementor-element.elementor-element-d492952 .wpcf7 div.wpcf7-response-output{text-align:left;}@media(max-width:1024px){.elementor-45550 .elementor-element.elementor-element-7b01a03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45550 .elementor-element.elementor-element-be401f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45550 .elementor-element.elementor-element-ddac467{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45550 .elementor-element.elementor-element-0f9eadd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45550 .elementor-element.elementor-element-3389583{--swiper-slides-to-display:2;}.elementor-45550 .elementor-element.elementor-element-b445bbc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45550 .elementor-element.elementor-element-ba00200{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}}@media(max-width:767px){.elementor-45550 .elementor-element.elementor-element-94223db{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-45550 .elementor-element.elementor-element-3389583{--swiper-slides-to-display:1;padding:0px 10px 0px 10px;}.elementor-45550 .elementor-element.elementor-element-4768fb4{--padding-top:0px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-45550 .elementor-element.elementor-element-786c137{--margin-top:0px;--margin-bottom:0px;--margin-left:1px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for heading, class: .elementor-element-7b01a03 *//* Sử dụng thuộc tính giả lập .elementor-45550 .elementor-element.elementor-element-7b01a03::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45550 .elementor-element.elementor-element-7b01a03 .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-45550 .elementor-element.elementor-element-7b01a03 .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-be401f7 *//* Sử dụng thuộc tính giả lập .elementor-45550 .elementor-element.elementor-element-be401f7::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45550 .elementor-element.elementor-element-be401f7 .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-45550 .elementor-element.elementor-element-be401f7 .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-ddac467 *//* Sử dụng thuộc tính giả lập .elementor-45550 .elementor-element.elementor-element-ddac467::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45550 .elementor-element.elementor-element-ddac467 .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-45550 .elementor-element.elementor-element-ddac467 .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-0f9eadd *//* Sử dụng thuộc tính giả lập .elementor-45550 .elementor-element.elementor-element-0f9eadd::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45550 .elementor-element.elementor-element-0f9eadd .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-45550 .elementor-element.elementor-element-0f9eadd .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 container, class: .elementor-element-94223db *//* ==========================================================================
   1. CẤU HÌNH ĐỘ RỘNG KHỐI TỔNG ĐỒNG BỘ 100% VỚI TIÊU ĐỀ
   ========================================================================== */
.elementor-45550 .elementor-element.elementor-element-94223db {
    /* 🌟 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-45550 .elementor-element.elementor-element-94223db > .elementor-container,
.elementor-45550 .elementor-element.elementor-element-94223db > .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-45550 .elementor-element.elementor-element-94223db .elementor-main-swiper,
.elementor-45550 .elementor-element.elementor-element-94223db .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-45550 .elementor-element.elementor-element-94223db .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-45550 .elementor-element.elementor-element-94223db .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-45550 .elementor-element.elementor-element-94223db .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-45550 .elementor-element.elementor-element-94223db .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-45550 .elementor-element.elementor-element-94223db .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-45550 .elementor-element.elementor-element-94223db .elementor-swiper-button i,
.elementor-45550 .elementor-element.elementor-element-94223db .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-45550 .elementor-element.elementor-element-94223db .elementor-swiper-button:hover {
    background: #0054a6 !important; /* Đổi nền sang xanh */
    border-color: #0054a6 !important;
}
.elementor-45550 .elementor-element.elementor-element-94223db .elementor-swiper-button:hover i,
.elementor-45550 .elementor-element.elementor-element-94223db .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-45550 .elementor-element.elementor-element-94223db .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-b445bbc *//* Sử dụng thuộc tính giả lập .elementor-45550 .elementor-element.elementor-element-b445bbc::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45550 .elementor-element.elementor-element-b445bbc .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-45550 .elementor-element.elementor-element-b445bbc .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-ba00200 *//* Sử dụng thuộc tính giả lập .elementor-45550 .elementor-element.elementor-element-ba00200::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45550 .elementor-element.elementor-element-ba00200 .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-45550 .elementor-element.elementor-element-ba00200 .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 */