.elementor-45367 .elementor-element.elementor-element-5ae0101{--display:flex;}.elementor-45367 .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;--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-45367 .elementor-element.elementor-element-6b2c02c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45367 .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;}.elementor-45367 .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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45367 .elementor-element.elementor-element-67b90a9 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45367 .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;}.elementor-45367 .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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45367 .elementor-element.elementor-element-06e272f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45367 .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;}.elementor-45367 .elementor-element.elementor-element-140a3c1{--swiper-slides-to-display:3;--swiper-slides-gap:24px;}.elementor-45367 .elementor-element.elementor-element-140a3c1 .swiper-slide > .elementor-element{height:100%;}.elementor-45367 .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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45367 .elementor-element.elementor-element-056ff5c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45367 .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;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45367 .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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45367 .elementor-element.elementor-element-895d803 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45367 .elementor-element.elementor-element-c0eefde{--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-45367 .elementor-element.elementor-element-49b2bbc .wpcf7 span.wpcf7-not-valid-tip{text-align:left;display:block;}.elementor-45367 .elementor-element.elementor-element-49b2bbc .wpcf7 div.wpcf7-response-output{text-align:left;}@media(max-width:1024px){.elementor-45367 .elementor-element.elementor-element-6b2c02c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45367 .elementor-element.elementor-element-67b90a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45367 .elementor-element.elementor-element-06e272f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45367 .elementor-element.elementor-element-140a3c1{--swiper-slides-to-display:2;}.elementor-45367 .elementor-element.elementor-element-056ff5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-45367 .elementor-element.elementor-element-895d803{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}}@media(max-width:767px){.elementor-45367 .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-45367 .elementor-element.elementor-element-6b2c02c::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45367 .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-45367 .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-45367 .elementor-element.elementor-element-67b90a9::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45367 .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-45367 .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-06e272f *//* Sử dụng thuộc tính giả lập .elementor-45367 .elementor-element.elementor-element-06e272f::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45367 .elementor-element.elementor-element-06e272f .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-45367 .elementor-element.elementor-element-06e272f .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-877ed2f *//* ==========================================================================
   1. CẤU HÌNH ĐỘ RỘNG KHỐI TỔNG ĐỒNG BỘ 100% VỚI TIÊU ĐỀ
   ========================================================================== */
.elementor-45367 .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-45367 .elementor-element.elementor-element-877ed2f > .elementor-container,
.elementor-45367 .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-45367 .elementor-element.elementor-element-877ed2f .elementor-main-swiper,
.elementor-45367 .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-45367 .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-45367 .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-45367 .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-45367 .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-45367 .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-45367 .elementor-element.elementor-element-877ed2f .elementor-swiper-button i,
.elementor-45367 .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-45367 .elementor-element.elementor-element-877ed2f .elementor-swiper-button:hover {
    background: #0054a6 !important; /* Đổi nền sang xanh */
    border-color: #0054a6 !important;
}
.elementor-45367 .elementor-element.elementor-element-877ed2f .elementor-swiper-button:hover i,
.elementor-45367 .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-45367 .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-45367 .elementor-element.elementor-element-056ff5c::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45367 .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-45367 .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-45367 .elementor-element.elementor-element-895d803::after để tự sinh vạch chân mà không làm lệch phom chữ */
.elementor-45367 .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-45367 .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 */