.elementor-45746 .elementor-element.elementor-element-5101dd3{--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-45746 .elementor-element.elementor-element-97f4579{--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-45746 .elementor-element.elementor-element-4facbd7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-45746 .elementor-element.elementor-element-4facbd7 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#0054A6;}.elementor-45746 .elementor-element.elementor-element-4facbd7 .elementor-heading-title a:hover, .elementor-45746 .elementor-element.elementor-element-4facbd7 .elementor-heading-title a:focus{color:#0054A6;}.elementor-45746 .elementor-element.elementor-element-37bbeeb{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:10px;--margin-right:10px;}.elementor-45746 .elementor-element.elementor-element-e922609{--swiper-slides-to-display:3;--swiper-slides-gap:24px;}.elementor-45746 .elementor-element.elementor-element-e922609 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-45746 .elementor-element.elementor-element-e922609{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-45746 .elementor-element.elementor-element-e922609{--swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-4facbd7 *//* ==========================================================================
   🎯 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-45746 .elementor-element.elementor-element-4facbd7 .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-45746 .elementor-element.elementor-element-4facbd7 .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-45746 .elementor-element.elementor-element-4facbd7 .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-45746 .elementor-element.elementor-element-4facbd7 .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-45746 .elementor-element.elementor-element-4facbd7 .qtu-view-all i,
.elementor-45746 .elementor-element.elementor-element-4facbd7 .qtu-view-all span {
    transition: transform 0.25s ease !important;
    font-size: 11px !important;
    display: inline-block !important;
}

.elementor-45746 .elementor-element.elementor-element-4facbd7 .qtu-view-all:hover i,
.elementor-45746 .elementor-element.elementor-element-4facbd7 .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-45746 .elementor-element.elementor-element-4facbd7 .elementor-heading-title {
        padding-bottom: 12px !important;
        gap: 8px !important; /* Thu hẹp gap để vừa màn hình nhỏ */
    }
    
    .elementor-45746 .elementor-element.elementor-element-4facbd7 .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-45746 .elementor-element.elementor-element-4facbd7 .qtu-view-all {
        font-size: 12.5px !important; /* Co nhỏ chữ để không kích lề */
    }
}/* End custom CSS */