.elementor-2337 .elementor-element.elementor-element-f5b8771{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2337 .elementor-element.elementor-element-875a2c6{padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-3262c23{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-0501bbd{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-1866359{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-aa76569{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-f308287{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-97b9e7a{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-af300bf{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-cfb6764{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-5870d97{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-783011f{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2337 .elementor-element.elementor-element-132ba7f{width:100%;max-width:100%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2337 .elementor-element.elementor-element-97b9e7a{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-875a2c6 *//* ==========================================================================
   BANNER GIỚI THIỆU chuẩn thiết kế 100%
   ========================================================================== */

/* Khung Wrapper chính */
.mq-hero-perfect-wrapper {
    width: 100% !important;
    min-height: 80vh !important; /* Cao độ 80vh theo cấu trúc của anh */
    background-size: cover !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    margin-top: 0 !important; 
    /* Đẩy thêm khoảng trống phía trên Desktop để né Header */
    padding-top: 140px !important;
    padding-bottom: 60px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 1 !important;
}

/* LỚP PHỦ GRADIENT ĐEN CHE TRÁI SÁNG PHẢI ĐỂ NỔI BẬT CHỮ TRẮNG */
.mq-hero-perfect-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        to right, 
        rgba(6, 13, 26, 0.98) 0%, 
        rgba(6, 13, 26, 0.90) 35%, 
        rgba(6, 13, 26, 0.60) 60%, 
        rgba(6, 13, 26, 0.0) 100%
    ) !important;
    z-index: 1 !important;
}

/* Khung căn nội dung khối chữ */
.mq-hero-perfect-inside {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* Khối chữ bên trái */
.mq-hero-content-left {
    max-width: 650px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 10px !important; /* Đảm bảo khoảng cách giữa các phần tử luôn chính xác 20px */
}

/* BỔ SUNG: MÀU VÀNG GOLD CHO CHỮ MOVING */
.mq-text-gold {
    color: var(--mq-gold, #d97706) !important;
    font-weight: inherit !important;
}

/* CỤM BADGES DÙNG SVG ICON */
.mq-hero-trust-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 5px !important;
}

.mq-badge-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    backdrop-filter: blur(4px) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}

/* Ép màu vàng Vàng Gold cho toàn bộ SVG icon */
.mq-badge-item svg {
    stroke: var(--mq-gold, #d97706) !important;
    flex-shrink: 0 !important;
}

@media (max-width: 768px) {
    .mq-hero-trust-badges {
        justify-content: center !important;
    }
}

/* BREADCRUMB BANNER */
.mq-hero-breadcrumb {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 25px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}

.mq-hero-breadcrumb a {
    color: #ffffff !important;
    text-decoration: none !important;
    opacity: 0.8 !important;
    transition: opacity 0.2s ease !important;
}

.mq-hero-breadcrumb a:hover {
    opacity: 1 !important;
    color: var(--mq-gold, #d97706) !important;
}

.mq-breadcrumb-separator {
    color: rgba(255, 255, 255, 0.5) !important;
}

.mq-breadcrumb-current {
    color: var(--mq-gold, #d97706) !important;
    font-weight: 600 !important;
}

/* TIÊU ĐỀ H1 (CHỮ TRẮNG TO BOLD) */
.mq-hero-main-title {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}

/* TIÊU ĐỀ H2 (CHỮ VÀNG BOLD) */
.mq-hero-sub-title {
    font-family: 'Inter', sans-serif !important;
    color: var(--mq-gold, #d97706) !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}

/* MÔ TẢ PHÍA DƯỚI */
.mq-hero-description-text {
    font-family: 'Inter', sans-serif !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 991px) {
    .mq-hero-perfect-wrapper {
        min-height: 380px !important;
        padding-top: 120px !important;
    }
    .mq-hero-main-title { 
        font-size: 32px !important; 
    }
    .mq-hero-sub-title {
        font-size: 17px !important;
    }
}

@media (max-width: 768px) {
    .mq-hero-perfect-wrapper { 
        min-height: auto !important; 
        /* Tăng padding-top lên 110px giúp chữ 'TRANG CHỦ > GIỚI THIỆU' lùi xuống khỏi Header */
        padding-top: 110px !important;
        padding-bottom: 40px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mq-hero-perfect-wrapper::before {
        background: rgba(6, 13, 26, 0.88) !important; /* Phủ tối hoàn toàn trên mobile để dễ đọc chữ */
    }
    .mq-hero-content-left { 
        text-align: center !important; 
        align-items: center !important; 
        margin: 0 auto !important; 
    }
    .mq-hero-breadcrumb {
        justify-content: center !important;
        margin-bottom: 15px !important;
    }
    .mq-hero-main-title { 
        font-size: 24px !important; 
    }
    .mq-hero-sub-title {
        font-size: 15px !important;
        margin-bottom: 15px !important;
    }
    .mq-hero-description-text {
        font-size: 13.5px !important;
    }
    .mq-hero-description-text br {
        display: none !important; /* Xoá xuống dòng thủ công trên mobile để văn bản tự xuống dòng mượt hơn */
    }
}

/* ================= ÉP HEADER NẰM LÊN TRÊN ================= */
header, 
.site-header, 
.elementor-location-header {
    position: relative !important;
    z-index: 9999 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3262c23 *//* ==========================================================================
   SECTION VỀ ALOMOVING - CARD UI WITH BORDER & SHADOW (FULL RESPONSIVE)
   ========================================================================== */

/* KHUNG VIEW CHA CÓ BORDER & SHADOW (DESKTOP) */
.mq-about-section-wrapper {
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 36px 32px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* KHUNG TỔNG THỂ BÊN TRONG CARD CHA */
.mq-about-container {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important; /* Align top đỉnh hình ảnh và tiêu đề */
    gap: 40px !important;
    box-sizing: border-box !important;
}

/* Cột Ảnh */
.mq-about-image-col {
    flex: 1 !important;
    width: 50% !important;
}

.mq-about-img-box {
    width: 100% !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #f1f5f9 !important;
}

.mq-about-img-box img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.mq-about-img-box:hover img {
    transform: scale(1.02) !important;
}

/* Cột Content */
.mq-about-content-col {
    flex: 1 !important;
    width: 50% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* Tiêu đề H2 & Line Vàng */
.mq-about-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
}

.mq-about-divider {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin-bottom: 20px !important;
}

/* Đoạn mô tả */
.mq-about-desc {
    margin-bottom: 20px !important;
}

.mq-about-desc p {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
    margin: 0 0 10px 0 !important;
}

.mq-about-desc p:last-child {
    margin-bottom: 0 !important;
}

/* Class màu vàng cho chữ MOVING */
.mq-text-gold {
    color: var(--mq-gold, #d97706) !important;
}

/* Danh sách Dịch vụ */
.mq-about-services-grid {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px 20px !important;
    width: 100% !important;
}

.mq-about-services-grid li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
}

.mq-tick-icon {
    stroke: var(--mq-gold, #d97706) !important;
    flex-shrink: 0 !important;
}

/* ==========================================================================
   RESPONSIVE LAYOUT (TABLET & MOBILE) - XỬ LÝ LỀ CÁCH MÉP MÀN HÌNH
   ========================================================================== */

/* TABLET (<= 991px) */
@media (max-width: 991px) {
    /* Ép khung chứa cha cách 2 mép màn hình đúng 10px */
    .mq-about-section-wrapper {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        padding: 20px !important;
    }

    .mq-about-container {
        gap: 24px !important;
    }

    .mq-about-title {
        font-size: 24px !important;
    }

    .mq-about-desc p,
    .mq-about-services-grid li {
        font-size: 14px !important;
    }
}

/* MOBILE (<= 576px) */
@media (max-width: 576px) {
    .mq-about-section-wrapper {
        padding: 25px 10px !important;
        border-radius: 8px !important;
    }

    /* Chuyển layout về 1 cột trên điện thoại */
    .mq-about-container {
        flex-direction: column !important;
        gap: 16px !important;
    }

    .mq-about-image-col,
    .mq-about-content-col {
        width: 100% !important;
    }

    .mq-about-title {
        font-size: 22px !important;
    }

    .mq-about-services-grid {
        grid-template-columns: 1fr !important; /* Chuyển về 1 cột */
        gap: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0501bbd *//* ==========================================================================
   SECTION LỊCH SỬ PHÁT TRIỂN - CARD UI & RESPONSIVE CHUẨN LỀ
   ========================================================================== */

/* VIEW CHA CARD UI */
.mq-history-section-wrapper {
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 36px 32px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* TIÊU ĐỀ HEAD HEADER */
.mq-history-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    width: 100% !important;
}

.mq-history-header-line {
    flex: 1 !important;
    height: 1px !important;
    background-color: #e2e8f0 !important;
}

.mq-history-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.mq-highlight-gold-text {
    color: var(--mq-gold, #d97706) !important;
}

.mq-history-divider {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 12px auto 30px auto !important;
}

/* KHUNG TIMELINE (DESKTOP: HÀNG NGANG 4 CỘT) */
.mq-timeline-container {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

/* Đường kẻ ngang đi xuyên qua các chấm */
.mq-timeline-line {
    position: absolute !important;
    top: 10px !important;
    left: 12.5% !important;
    right: 12.5% !important;
    height: 2px !important;
    background-color: #e2e8f0 !important;
    z-index: 1 !important;
}

/* CHẤM TIMELINE (NODE) */
.mq-timeline-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    z-index: 2 !important;
}

.mq-timeline-node {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 3px solid var(--mq-gold, #d97706) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
    box-shadow: 0 0 0 3px #ffffff !important; /* Tạo viền trắng đè đường kẻ */
}

.mq-node-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: var(--mq-gold, #d97706) !important;
}

/* NĂM & NỘI DUNG */
.mq-timeline-year {
    font-family: 'Inter', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--mq-gold, #d97706) !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
}

.mq-timeline-heading {
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    text-transform: uppercase !important;
    margin: 0 0 8px 0 !important;
}

.mq-timeline-desc {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* Class màu vàng gold */
.mq-text-gold {
    color: var(--mq-gold, #d97706) !important;
}

/* ==========================================================================
   RESPONSIVE LAYOUT (TABLET & MOBILE) - XỬ LÝ LỀ 10PX
   ========================================================================== */

/* TABLET (<= 991px) */
@media (max-width: 991px) {
    .mq-history-section-wrapper {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        padding: 24px 20px !important;
    }

    .mq-history-title {
        font-size: 20px !important;
    }

    .mq-timeline-year {
        font-size: 22px !important;
    }

    .mq-timeline-heading {
        font-size: 14px !important;
    }

    .mq-timeline-desc {
        font-size: 13px !important;
    }
}

/* MOBILE (<= 640px) - CHUYỂN DẠNG TIMELINE DỌC */
@media (max-width: 640px) {
    .mq-history-section-wrapper {
        padding: 25px 10px !important;
        border-radius: 8px !important;
    }

    .mq-history-header-line {
        display: none !important; /* Ẩn line 2 bên trên mobile cho gọn */
    }

    .mq-history-title {
        font-size: 22px !important;
    }

    .mq-history-divider {
        margin-bottom: 24px !important;
    }

    /* Đổi container sang dạng dọc */
    .mq-timeline-container {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding-left: 28px !important; /* Dành chỗ cho line dọc */
    }

    /* Đổi line ngang thành line dọc */
    .mq-timeline-line {
        top: 10px !important;
        bottom: 10px !important;
        left: 9px !important;
        right: auto !important;
        width: 2px !important;
        height: auto !important;
    }

    .mq-timeline-item {
        align-items: flex-start !important;
        text-align: left !important;
    }

    .mq-timeline-node {
        position: absolute !important;
        left: -29px !important;
        top: 2px !important;
        margin-bottom: 0 !important;
    }

    .mq-timeline-year {
        font-size: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1866359 *//* ==========================================================================
   SECTION SỨ MỆNH - TẦM NHÌN - GIÁ TRỊ CỐT LÕI (CARD UI & RESPONSIVE LỀ)
   ========================================================================== */

/* KHUNG VIEW CHA CÓ BORDER & SHADOW */
.mq-mvv-section-wrapper {
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 36px 32px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* TIÊU ĐỀ CHÍNH */
.mq-mvv-main-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
}

.mq-mvv-divider {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 12px auto 30px auto !important;
}

.mq-highlight-gold-text {
    color: var(--mq-gold, #d97706) !important;
}

/* GRID 3 CỘT */
.mq-mvv-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
}

/* CARD CON CÓ BORDER XÁM VÀ HOVER NHẸ */
.mq-mvv-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 24px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-sizing: border-box !important;
}

.mq-mvv-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
}

/* ICON MÀU VÀNG GOLD */
.mq-mvv-icon-box {
    flex-shrink: 0 !important;
    width: 64px !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mq-mvv-svg {
    width: 54px !important;
    height: 54px !important;
    stroke: var(--mq-gold, #d97706) !important;
}

/* NỘI DUNG CARD CON */
.mq-mvv-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.mq-mvv-card-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    text-transform: uppercase !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.2 !important;
}

.mq-mvv-card-desc {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* DANH SÁCH GIÁ TRỊ CỐT LÕI (CHẤM VÀNG) */
.mq-mvv-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.mq-mvv-list li {
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    position: relative !important;
    padding-left: 14px !important;
    line-height: 1.4 !important;
}

.mq-mvv-list li::before {
    content: "•" !important;
    color: var(--mq-gold, #d97706) !important;
    font-size: 16px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* ==========================================================================
   RESPONSIVE LAYOUT (TABLET & MOBILE) - XỬ LÝ LỀ 10PX
   ========================================================================== */

/* TABLET (<= 991px) */
@media (max-width: 991px) {
    .mq-mvv-section-wrapper {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        padding: 24px 20px !important;
    }

    .mq-mvv-main-title {
        font-size: 20px !important;
    }

    .mq-mvv-grid {
        grid-template-columns: 1fr !important; /* Chuyển thành 1 cột trên Tablet/Mobile */
        gap: 16px !important;
    }

    .mq-mvv-card {
        padding: 20px !important;
    }
}

/* MOBILE (<= 576px) */
@media (max-width: 576px) {
    .mq-mvv-section-wrapper {
        padding: 25px 10px !important;
        border-radius: 8px !important;
    }

    .mq-mvv-main-title {
        font-size: 22px !important;
    }

    .mq-mvv-divider {
        margin-bottom: 20px !important;
    }

    .mq-mvv-card {
        gap: 14px !important;
        padding: 16px 14px !important;
    }

    .mq-mvv-icon-box {
        width: 48px !important;
        height: 48px !important;
    }

    .mq-mvv-svg {
        width: 42px !important;
        height: 42px !important;
    }

    .mq-mvv-card-title {
        font-size: 15px !important;
    }

    .mq-mvv-card-desc,
    .mq-mvv-list li {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa76569 *//* ==========================================================================
   SECTION NĂNG LỰC VẬN HÀNH - DARK BANNER UI & RESPONSIVE
   ========================================================================== */

/* KHUNG VIEW CHA BANNER TỐI CÓ BORDER & SHADOW */
.mq-capacity-section-wrapper {
    position: relative !important;
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 24px 28px !important;
    background-color: #0f172a !important;
    background-size: cover !important;
    background-position: center !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.25) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.mq-capacity-container {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
}

/* HEADER & TIÊU ĐỀ */
.mq-capacity-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.mq-capacity-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
}

/* CLASS MÀU VÀNG GOLD */
.mq-highlight-gold-text {
    color: var(--mq-gold, #d97706) !important;
}

/* DIVIDER NẰM DƯỚI TEXT */
.mq-capacity-divider {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 0 auto 30px auto !important;
}

/* GRID 4 CỘT THỐNG KÊ */
.mq-capacity-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

.mq-capacity-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
}

/* ICON VÀNG GOLD */
.mq-capacity-icon {
    width: 52px !important;
    height: 52px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mq-capacity-icon svg {
    width: 48px !important;
    height: 48px !important;
    stroke: var(--mq-gold, #d97706) !important;
}

/* NỘI DUNG SỐ VÀ CHỮ */
.mq-capacity-content {
    display: flex !important;
    flex-direction: column !important;
}

.mq-capacity-number {
    font-family: 'Inter', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--mq-gold, #d97706) !important;
    line-height: 1.1 !important;
    margin-bottom: 4px !important;
}

.mq-capacity-label {
    display: flex !important;
    flex-direction: column !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

/* ==========================================================================
   RESPONSIVE LAYOUT (TABLET & MOBILE)
   ========================================================================== */

/* TABLET (<= 991px) */
@media (max-width: 991px) {
    .mq-capacity-section-wrapper {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin: 16px 10px !important;
        padding: 28px 20px !important;
    }

    .mq-capacity-title {
        font-size: 20px !important;
    }

    .mq-capacity-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px 16px !important;
    }

    .mq-capacity-item {
        justify-content: flex-start !important;
    }

    .mq-capacity-number {
        font-size: 24px !important;
    }
}

/* MOBILE (<= 576px) */
@media (max-width: 576px) {
    .mq-capacity-section-wrapper {
        padding: 25px 10px !important;
        border-radius: 8px !important;
    }

    .mq-capacity-header {
        margin-bottom: 2px !important;
    }

    .mq-capacity-title {
        font-size: 22px !important;
    }

    .mq-capacity-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 10px !important;
    }

    .mq-capacity-item {
        gap: 10px !important;
    }

    .mq-capacity-icon {
        width: 38px !important;
        height: 38px !important;
    }

    .mq-capacity-icon svg {
        width: 34px !important;
        height: 34px !important;
    }

    .mq-capacity-number {
        font-size: 20px !important;
    }

    .mq-capacity-label {
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f308287 *//* ==========================================================================
   SECTION ĐỘI NGŨ ALOMOVING - CARD UI & RESPONSIVE CHUẨN LỀ 10PX
   ========================================================================== */

/* KHUNG VIEW CHA CÓ BORDER & SHADOW */
.mq-team-section-wrapper {
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 24px 28px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* KHUNG TỔNG THỂ 2 CỘT */
.mq-team-container {
    width: 100% !important;
    display: flex !important;
    align-items: center !important; /* Căn giữa theo chiều dọc */
    gap: 40px !important;
    box-sizing: border-box !important;
}

/* CỘT NỘI DUNG VĂN BẢN (50%) */
.mq-team-content-col {
    flex: 1 !important;
    width: 50% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.mq-team-subtitle {
    font-family: 'Inter', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-gold, #d97706) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
}

.mq-team-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin: 0 0 12px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.25 !important;
}

.mq-team-divider {
    width: 45px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin-bottom: 20px !important;
}

.mq-team-desc p {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
    margin: 0 0 12px 0 !important;
}

.mq-team-desc p:last-child {
    margin-bottom: 0 !important;
}

/* CỘT HÌNH ẢNH (50%) */
.mq-team-image-col {
    flex: 1 !important;
    width: 50% !important;
}

.mq-team-img-box {
    width: 100% !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.mq-team-img-box img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.mq-team-img-box:hover img {
    transform: scale(1.02) !important;
}

.mq-text-gold {
    color: var(--mq-gold, #d97706) !important;
}

/* ==========================================================================
   RESPONSIVE LAYOUT (TABLET & MOBILE) - XỬ LÝ LỀ CÁCH MÉP 10PX
   ========================================================================== */

/* TABLET (<= 991px) */
@media (max-width: 991px) {
    .mq-team-section-wrapper {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        padding: 24px 20px !important;
    }

    .mq-team-container {
        gap: 24px !important;
    }

    .mq-team-title {
        font-size: 20px !important;
    }

    .mq-team-desc p {
        font-size: 14px !important;
    }
}

/* MOBILE (<= 640px) */
@media (max-width: 640px) {
    .mq-team-section-wrapper {
        padding: 25px 10px !important;
        border-radius: 8px !important;
    }

    /* Chuyển layout 2 cột về 1 cột */
    .mq-team-container {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .mq-team-content-col,
    .mq-team-image-col {
        width: 100% !important;
    }

    .mq-team-subtitle {
        font-size: 22px !important;
    }

    .mq-team-title {
        font-size: 22px !important;
    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-97b9e7a *//* ==========================================
   STYLE: CAM KẾT TỪ NB LOGISTICS (DARK BLUE THEME)
   ========================================== */

/* RESET BOX SIZING TOÀN BỘ BLOCK */
.nb-commit-section,
.nb-commit-section * {
    box-sizing: border-box !important;
}

/* 1. CONTAINER CHÍNH GIỮ KHUNG VIEW CHA (DESKTOP) */
.nb-commit-section {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 0 !important;
}

/* ĐỔI BACKGROUND SANG MÀU XANH CHÍNH */
.nb-commit-container {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 24px 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* ĐỔI TIÊU ĐỀ CHÍNH SANG MÀU TRẮNG */
.nb-commit-title {
    text-align: center !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin: 0px !important;
    line-height: 1.3 !important;
}

.moving-text {
    color: var(--mq-gold, #d97706) !important;
}

.title-underline-commitments {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 10px auto 30px auto !important;
}

/* ==========================================
   GRID 6 CỘT
   ========================================== */
.nb-commit-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    align-items: stretch !important;
}

/* MỖI ITEM CÓ ĐƯỜNG KẺ PHÂN CÁCH DỌC TRẮNG MỜ */
.nb-commit-item {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 8px 12px !important;
    position: relative !important;
}

.nb-commit-item:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 10% !important;
    height: 80% !important;
    width: 1px !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* GIỮ NGUYÊN ICON MÀU VÀNG */
.nb-commit-icon {
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 50% !important;
    border: 2px solid var(--mq-gold, #d97706) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.25s ease !important;
}

.nb-commit-icon svg {
    width: 26px !important;
    height: 26px !important;
    color: var(--mq-gold, #d97706) !important;
}

.nb-commit-item:hover .nb-commit-icon {
    background: var(--mq-gold, #d97706) !important;
    transform: translateY(-2px) !important;
}

.nb-commit-item:hover .nb-commit-icon svg {
    color: #ffffff !important;
}

/* ĐỔI TEXT NỘI DUNG SANG MÀU TRẮNG */
.nb-commit-item h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    /* Khung chứa cha tự căn lề 2 bên 10px */
    .nb-commit-section {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .nb-commit-container {
        padding: 20px 12px !important;
    }

    .nb-commit-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px 0 !important;
    }

    .nb-commit-item:not(:last-child)::after {
        display: none !important;
    }
}

/* ==========================================
   RESPONSIVE: MOBILE NHỎ (< 576px)
   ========================================== */
@media (max-width: 576px) {
    .nb-commit-container {
        padding: 25px 10px !important;
    }

    .nb-commit-title {
        font-size: 22px !important;
    }

    .title-underline-commitments {
        margin: 8px auto 30px auto !important;
    }

    .nb-commit-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 8px !important;
    }

    .nb-commit-item {
        padding: 6px 4px !important;
    }

    .nb-commit-icon {
        width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin-bottom: 8px !important;
    }

    .nb-commit-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .nb-commit-item h3 {
        font-size: 12.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af300bf *//* ==========================================
   STYLE: VÌ SAO CHỌN NB LOGISTICS
   ========================================== */

/* RESET BOX SIZING TOÀN BỘ BLOCK */
.nb-why-section,
.nb-why-section * {
    box-sizing: border-box !important;
}

/* 1. CONTAINER CHÍNH GIỮ KHUNG VIEW CHA (DESKTOP) */
.nb-why-section {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 0 !important;
}

.nb-why-container {
    background: #ffffff !important;
    border: 1px solid var(--mq-border-light, #e2e8f0) !important;
    border-radius: 12px !important;
    padding: 24px 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.nb-why-title {
    text-align: center !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0px !important;
    letter-spacing: -0.2px !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
}

.moving-text {
    color: var(--mq-gold, #d97706) !important;
}

.title-underline-why {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 10px auto 30px auto !important;
}

/* ==========================================
   GRID 6 CỘT TỰ ĐỘNG CÂN BẰNG
   ========================================== */
.nb-why-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

/* THIẾT KẾ MỖI CARD */
.nb-why-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 20px 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    transition: all 0.25s ease !important;
}

.nb-why-card:hover {
    border-color: var(--mq-gold, #d97706) !important;
    box-shadow: 0 6px 16px rgba(217, 119, 6, 0.12) !important;
    transform: translateY(-3px) !important;
}

/* ICON VÀNG DẠNG TRÒN NỔI BẬT */
.nb-why-icon {
    width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 2px solid var(--mq-gold, #d97706) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
    transition: all 0.25s ease !important;
}

.nb-why-icon svg {
    width: 26px !important;
    height: 26px !important;
    color: var(--mq-gold, #d97706) !important;
}

.nb-why-card:hover .nb-why-icon {
    background: var(--mq-gold, #d97706) !important;
}

.nb-why-card:hover .nb-why-icon svg {
    color: #ffffff !important;
}

/* TIÊU ĐỀ HẠNG MỤC */
.nb-why-card h3 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}

/* NỘI DUNG MÔ TẢ */
.nb-why-card p {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    /* Khung chứa cha tự căn lề 2 bên 10px */
    .nb-why-section {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .nb-why-container {
        padding: 16px !important;
    }

    .nb-why-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
    }
}

/* ==========================================
   RESPONSIVE: MOBILE NHỎ (< 576px)
   ========================================== */
@media (max-width: 576px) {
    .nb-why-container {
        padding: 25px 10px !important;
    }

    .nb-why-title {
        font-size: 22px !important;
    }

    .title-underline-why {
        margin: 8px auto 30px auto !important;
    }

    .nb-why-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .nb-why-card {
        padding: 12px 8px !important;
    }

    .nb-why-icon {
        width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        margin-bottom: 8px !important;
    }

    .nb-why-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .nb-why-card h3 {
        font-size: 13px !important;
    }

    .nb-why-card p {
        font-size: 11.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cfb6764 *//* ==========================================================================
   SECTION THƯ VIỆN HÌNH Ảnh - CARD UI & RESPONSIVE CHUẨN LỀ 10PX
   ========================================================================== */

/* KHUNG VIEW CHA CÓ BORDER & SHADOW */
.mq-gallery-section-wrapper {
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 24px 28px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* HEADER TIÊU ĐỀ VỚI DÒNG KẺ BÊN VÀ DIVIDER NẰM DƯỚI TEXT */
.mq-gallery-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    width: 100% !important;
}

.mq-gallery-header-line {
    flex: 1 !important;
    height: 1px !important;
    background-color: #e2e8f0 !important;
}

.mq-gallery-title-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.mq-gallery-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin: 0px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.mq-gallery-divider {
     width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 10px auto 30px auto !important;
}

/* CLASS MÀU VÀNG GOLD */
.mq-highlight-gold-text {
    color: var(--mq-gold, #d97706) !important;
}

/* GRID 4 CỘT x 2 HÀNG */
.mq-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}

/* FRAME TỪNG Ô Ảnh CON */
.mq-gallery-item {
    position: relative !important;
    width: 100% !important;
    padding-top: 62.5% !important; /* Tỷ lệ khung hình 16:10 */
    border-radius: 8px !important;
    overflow: hidden !important;
    background-color: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.mq-gallery-item img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease, filter 0.4s ease !important;
    display: block !important;
}

.mq-gallery-item:hover img {
    transform: scale(1.05) !important;
    filter: brightness(1.03) !important;
}

/* ==========================================================================
   RESPONSIVE LAYOUT (TABLET & MOBILE) - XỬ LÝ LỀ CÁCH MÉP 10PX
   ========================================================================== */

/* TABLET (<= 991px) */
@media (max-width: 991px) {
    .mq-gallery-section-wrapper {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        padding: 24px 20px !important;
    }

    

    /* Chuyển grid thành 2 cột */
    .mq-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

/* MOBILE (<= 576px) */
@media (max-width: 576px) {
    .mq-gallery-section-wrapper {
        padding: 25px 10px !important;
        border-radius: 8px !important;
    }

    .mq-gallery-title {
        font-size: 22px !important;
    }


    /* Giữ 2 cột gọn gàng trên Mobile */
    .mq-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .mq-gallery-item {
        border-radius: 6px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5870d97 *//* ==========================================
   STYLE: BANNER BÁO GIÁ (ALO QUOTE BANNER)
   ========================================== */

/* RESET BOX SIZING TOÀN BỘ BLOCK */
.alo-quote-banner,
.alo-quote-banner * {
    box-sizing: border-box !important;
}

/* 1. CONTAINER CHÍNH GIỮ KHUNG VIEW CHA (DESKTOP) */
.alo-quote-banner {
    position: relative !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 20px auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
    background-color: #0b1324 !important;
    
    /* CHIỀU CAO TỐI THIỂU CHO BANNER */
    min-height: 220px !important;
    
    background-image: url('https://jencool.com/wp-content/uploads/2026/07/85d0f526-4a75-4fd9-9808-7a10a30c29cd.png') !important;
    background-size: cover !important;
    background-position: top bottom !important;
    background-repeat: no-repeat !important;
}

/* LỚP GRADIENT NHẸ PHỦ RIÊNG */
.alo-quote-banner::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(90deg, 
                rgba(11, 19, 36, 0.05) 0%, 
                rgba(11, 19, 36, 0.55) 25%, 
                rgba(11, 19, 36, 0.75) 50%, 
                rgba(11, 19, 36, 0.5) 75%, 
                rgba(11, 19, 36, 0.1) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* CONTAINER NỘI DUNG */
.alo-quote-container {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 50px 40px 50px 240px !important;
    gap: 25px !important;
    min-height: 220px !important;
}

/* CỘT NỘI DUNG BÊN TRÁI */
.alo-quote-content {
    flex: 1 1 auto !important;
}

.alo-quote-title {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: -0.2px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

.alo-quote-subtitle {
    font-size: 14px !important;
    color: #cbd5e1 !important;
    margin: 0 0 22px 0 !important;
    font-weight: 400 !important;
}

/* NÚT ACTION */
.alo-quote-actions {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.alo-btn-primary {
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 12px 22px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3) !important;
    text-transform: uppercase !important;
}

.alo-btn-primary:hover {
    filter: brightness(0.9) !important;
}

.alo-btn-outline {
    background: rgba(15, 23, 42, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 11px 20px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.25s ease !important;
    backdrop-filter: blur(4px) !important;
}

.alo-btn-outline svg {
    color: var(--mq-gold, #d97706) !important;
}

.alo-btn-outline:hover {
    border-color: var(--mq-gold, #d97706) !important;
    background: rgba(217, 119, 6, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* LIST CAM KẾT BÊN PHẢI */
.alo-quote-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}

.alo-quote-features li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

.alo-check-icon {
    width: 20px !important;
    height: 20px !important;
    background: var(--mq-gold, #d97706) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

/* ==========================================
   DESKTOP NHỎ & LAPTOP (1024px - 1100px)
   ========================================== */
@media (max-width: 1100px) {
    .alo-quote-container {
        padding: 40px 30px 40px 180px !important;
    }
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    /* Khung chứa cha tự căn lề 2 bên 10px */
    .alo-quote-banner {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        background-position: left center !important;
    }

    .alo-quote-banner::before {
        background: linear-gradient(90deg, 
                    rgba(11, 19, 36, 0.2) 0%, 
                    rgba(11, 19, 36, 0.75) 40%, 
                    rgba(11, 19, 36, 0.92) 100%) !important;
    }

    .alo-quote-container {
        padding: 35px 25px !important;
        flex-direction: column !important;
        align-items: flex-end !important; /* Đẩy toàn bộ khối nội dung về lề phải */
        text-align: right !important;
        min-height: auto !important;
    }

    .alo-quote-content {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
    }

    .alo-quote-actions {
        justify-content: flex-end !important;
    }

    .alo-quote-features {
        align-items: flex-start !important; /* Căn thẳng lề trái các dòng icon */
        width: auto !important; /* Co theo đúng độ rộng nội dung để gióng hàng chuẩn */
    }

    .alo-quote-features li {
        text-align: left !important;
    }
}

/* ==========================================
   RESPONSIVE: MOBILE NHỎ (< 576px)
   ========================================== */
@media (max-width: 576px) {
    .alo-quote-banner::before {
        /* Phủ tối đều toàn bộ hình để đọc chữ dễ dàng trên màn hình nhỏ */
        background: rgba(11, 19, 36, 0.88) !important;
    }

    .alo-quote-container {
        padding: 25px 18px !important;
        align-items: center !important; /* Trên iPhone căn giữa lại cho cân đối */
        text-align: center !important;
    }

    .alo-quote-content {
        align-items: center !important;
    }

    .alo-quote-title {
        font-size: 20px !important;
    }

    .alo-quote-subtitle {
        font-size: 12.5px !important;
        margin-bottom: 18px !important;
    }

    .alo-quote-actions {
        width: 100% !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .alo-btn-primary, 
    .alo-btn-outline {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .alo-quote-features {
        align-items: flex-start !important; /* Giữ gióng thẳng hàng icon bên trái trên mobile */
        width: fit-content !important; /* Giữ khối nằm gọn ở giữa nhưng lề trái các dòng vẫn thẳng nhau */
        border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        padding-top: 15px !important;
        margin-top: 10px !important;
    }

    .alo-quote-features li {
        flex-direction: row !important;
        text-align: left !important;
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-783011f *//* ==========================================
   STYLE NÚT GỌI & ZALO GIỐNG HÌNH MẪU 100%
   ========================================== */

.app-floating-widgets {
    position: fixed !important;
    right: 35px !important;
    bottom: 35px !important;
    z-index: 999999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* Nút dạng hình tròn nền trắng */
.app-float-btn {
    position: relative !important;
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.app-btn-inner {
    position: relative !important;
    z-index: 3 !important;
    width: 62px !important;
    height: 62px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.3s ease !important;
}

.app-float-btn:hover .app-btn-inner {
    transform: scale(1.08) !important;
}

.app-btn-inner img {
    width: 36px !important;
    height: 36px !important;
    display: block !important;
}

/* Hiệu ứng vòng sóng lan tỏa nhạt dần */
.app-wave {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Màu sóng Nút Gọi (Xanh lá) */
.app-btn-call .app-wave {
    background: rgba(0, 200, 83, 0.18) !important;
}

/* Màu sóng Nút Zalo (Xanh biển) */
.app-btn-zalo .app-wave {
    background: rgba(0, 136, 255, 0.18) !important;
}

/* Animation sóng 1 */
.app-wave-1 {
    width: 85px !important;
    height: 85px !important;
    animation: appWavePulse 2s infinite ease-out !important;
}

/* Animation sóng 2 (trễ nhịp tạo tầng) */
.app-wave-2 {
    width: 115px !important;
    height: 115px !important;
    animation: appWavePulse 2s infinite ease-out 0.6s !important;
}

@keyframes appWavePulse {
    0% {
        transform: translate(-50%, -50%) scale(0.6);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0;
    }
}

/* Responsive Mobile */
@media (max-width: 576px) {
    .app-floating-widgets {
        right: 15px !important;
        bottom: 20px !important;
        gap: 15px !important;
    }
    .app-float-btn {
        width: 52px !important;
        height: 52px !important;
    }
    .app-btn-inner {
        width: 46px !important;
        height: 46px !important;
    }
    .app-btn-inner img {
        width: 30px !important;
        height: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-132ba7f *//* ==========================================
   STYLE CHO NÚT BẬT & POPUP MODAL MỚI (APP_MODAL)
   ========================================== */

/* Nút bấm ngoài trang */
.app-btn-open-popup {
    background: var(--mq-gold, #d97706) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background 0.2s ease !important;
}

.app-btn-open-popup:hover {
    backgroundfilter: brightness(0.9) !important;
}

/* Overlay phủ toàn bộ màn hình */
.app-modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(15, 23, 42, 0.75) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

/* Trạng thái BẬT (ON) */
.app-modal-overlay.is-open {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Khung nội dung Popup */
.app-modal-box {
    background: #ffffff !important;
    width: 100% !important;
    max-width: 480px !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2) !important;
    position: relative !important;
    transform: scale(0.9) translateY(20px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
}

.app-modal-overlay.is-open .app-modal-box {
    transform: scale(1) translateY(0) !important;
}

/* Nút X đóng popup */
.app-modal-close {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    background: #f1f5f9 !important;
    border: none !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    color: #64748b !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.app-modal-close:hover {
    background: var(--mq-gold, #d97706) !important;
    color: #ffffff !important;
}

/* Header Popup */
.app-modal-head {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.app-modal-icon {
    width: 46px !important;
    height: 46px !important;
    background: var(--mq-gold, #d97706) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 10px auto !important;
}

.app-modal-head h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    margin: 0 0 6px 0 !important;
}

.app-modal-head p {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* Form Styles */
.app-form-group {
    margin-bottom: 14px !important;
    text-align: left !important;
}

.app-form-group label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 5px !important;
}

.app-form-group .req {
    color: #ef4444 !important;
}

.app-input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.app-icon {
    position: absolute !important;
    left: 12px !important;
    color: var(--mq-gold, #d97706) !important;
    pointer-events: none !important;
}

.app-input-wrap input,
.app-input-wrap textarea {
    width: 100% !important;
    padding: 10px 12px 10px 38px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    outline: none !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.app-input-wrap textarea {
    resize: vertical !important;
}

.app-textarea-wrap .app-icon {
    top: 12px !important;
}

.app-input-wrap input:focus,
.app-input-wrap textarea:focus {
    border-color: var(--mq-gold, #d97706) !important;
}

/* Nút Submit trong Form */
.app-btn-submit {
    width: 100% !important;
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    margin-top: 8px !important;
}

.app-btn-submit:hover {
    backgroundfilter: brightness(0.9) !important;
}

/* Responsive Điện Thoại */
@media (max-width: 576px) {
    .app-modal-box {
        width: calc(100% - 20px) !important;
        padding: 18px 16px !important;
    }
}/* End custom CSS */