.elementor-1708 .elementor-element.elementor-element-0585a15{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1708 .elementor-element.elementor-element-0585a15:not(.elementor-motion-effects-element-type-background), .elementor-1708 .elementor-element.elementor-element-0585a15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1708 .elementor-element.elementor-element-bac0594{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-f55bdb6{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-30b7d88{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-1ccf325{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-70ce1e4{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-dc71791{--swiper-slides-gap:10px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-bac0594 *//* Khung Wrapper chính - Tự căn sát lề Y=0 vì Header là absolute */
.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 center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    margin-top: 0 !important; 
    
    /* Đẩy nội dung khối chữ xuống dưới để né thanh menu */
    padding-top: 60px !important; 
    padding-bottom: 0 !important;
}

/* LỚP PHỦ MỜ GRADIENT ĐỂ NỔI BẬT CHỮ TRẮNG CHUẨN GỐC */
.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.85) 45%, rgba(6, 13, 26, 0.2) 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;
    flex-grow: 1 !important;
    box-sizing: border-box !important;
}

/* Khối chữ và cụm nút bên trái */
.mq-hero-content-left {
    max-width: 850px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* Định dạng tiêu đề và mô tả */
.mq-hero-main-title {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 0 22px 0 !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}

.mq-highlight-gold-text { 
    color: #d4a359 !important; 
}

.mq-hero-description-text {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin: 0 0 35px 0 !important;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.85) !important;
}

/* Cụm nút bấm hành động */
.mq-hero-action-buttons { 
    display: flex !important; 
    gap: 15px !important; 
    flex-wrap: wrap !important; 
}

/* Nút vàng: Chuyển màu chữ tối để giống thiết kế gốc */
.mq-btn-gold-action {
    font-family: 'Inter', sans-serif !important;
    background-color: #d4a359 !important;
    color: #111111 !important; 
    font-weight: 700 !important;
    padding: 14px 30px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    display: inline-block !important;
}

/* Nút viền outline */
.mq-btn-outline-action {
    font-family: 'Inter', sans-serif !important;
    border: 1.5px solid #ffffff !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 13px 30px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background: rgba(0, 0, 0, 0.4) !important;
    display: inline-block !important;
}

/* ================= REFACTOR KHỐI STATS CARD LƠ LỬNG BO GÓC ================= */
.mq-hero-footer-stats-bar {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 1200px !important; /* Không chiếm hết width màn hình, bám theo khung chữ */
    margin: 0 auto !important;
    padding: 0 20px 35px 20px !important; /* Tạo độ lơ lửng gối lên đáy ảnh */
    box-sizing: border-box !important;
}

/* View hộp bo góc chứa 4 thông số */
.mq-hero-stats-grid-layout {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; 
    width: 100% !important;
    background: rgba(11, 22, 38, 0.55) !important; /* Nền mờ kính tối */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important; /* Bo góc view card siêu mượt */
    padding: 22px 30px !important;
    gap: 20px !important;
    box-sizing: border-box !important;
}

.mq-hero-stat-card-item { 
    display: flex !important; 
    align-items: center !important; 
    gap: 15px !important; 
    position: relative !important;
}

/* Vách ngăn mỏng giữa các cột thông số */
.mq-hero-stat-card-item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: -10px !important;
    top: 15px !important;
    bottom: 15px !important;
    width: 1px !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.mq-hero-card-icon { font-size: 24px !important; }

.mq-hero-card-info h3 { 
    font-family: 'Inter', sans-serif !important;
    color: #d4a359 !important; 
    font-size: 22px !important; 
    font-weight: 700 !important; 
    margin: 0 !important; 
    line-height: 1.1 !important;
}

.mq-hero-card-info p { 
    font-family: 'Inter', sans-serif !important;
    color: rgba(255, 255, 255, 0.8) !important; 
    font-size: 11px !important; 
    font-weight: 600 !important; 
    margin: 5px 0 0 0 !important; 
    text-transform: uppercase !important;
}

/* ================= RESPONSIVE CHO CÁC THIẾT BỊ ================= */
@media (max-width: 1024px) {
    .mq-hero-main-title { font-size: 36px !important; }
    .mq-hero-stats-grid-layout { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; }
    .mq-hero-stat-card-item::after { display: none !important; }
}

@media (max-width: 768px) {
    .mq-hero-perfect-wrapper { min-height: auto !important; height: auto !important; }
    .mq-hero-perfect-inside { padding-top: 120px !important; padding-bottom: 40px !important; }
    .mq-hero-content-left { text-align: center !important; align-items: center !important; margin: 0 auto !important; }
    .mq-hero-action-buttons { justify-content: center !important; flex-direction: column !important; width: 100% !important; }
    .mq-btn-gold-action, .mq-btn-outline-action { width: 100% !important; text-align: center !important; }
    .mq-hero-main-title { font-size: 28px !important; }
    .mq-hero-footer-stats-bar { padding: 0 15px 30px 15px !important; }
    .mq-hero-stats-grid-layout { grid-template-columns: repeat(1, 1fr) !important; border-radius: 12px !important; }
    .mq-hero-stat-card-item { justify-content: center !important; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f55bdb6 */:root {
    --mq-gold: #d4a359;
    --mq-white: #ffffff;
    --mq-bg-dark: #0b1626;
    --mq-border-light: #eef0f2;
}

/* KHUNG BAO CHÍNH */
.mq-tracking-section-wrapper {
    width: 100% !important;
    background-color: #fcfcfc !important; /* Màu nền sáng nhạt rất nhẹ */
    padding: 35px 0 !important;
    box-sizing: border-box !important;
}

.mq-tracking-container-inside {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: grid !important;
    grid-template-columns: 3.6fr 2.8fr 3.6fr !important; /* Tỉ lệ chia 3 phần tử cân bằng */
    gap: 25px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

/* ĐỊNH DẠNG CÁC CARD TÍNH NĂNG VÀNG/TRẮNG */
.mq-tracking-box-item {
    background: var(--mq-white) !important;
    border: 1px solid var(--mq-border-light) !important;
    border-radius: 8px !important;
    padding: 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.015) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.mq-tracking-box-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 0 14px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}

.mq-tracking-box-desc {
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    color: #555555 !important;
    margin: 0 0 18px 0 !important;
    line-height: 1.5 !important;
}

/* O Ô NHẬP VẬN ĐƠN TRA CỨU */
.mq-tracking-form-action {
    display: flex !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}

.mq-tracking-input-text {
    flex-grow: 1 !important;
    border: 1px solid #dcdcdc !important;
    border-right: none !important;
    border-radius: 4px 0 0 4px !important;
    padding: 0 15px !important;
    height: 44px !important;
    font-size: 13.5px !important;
    outline: none !important;
    color: #222222 !important;
}

.mq-tracking-btn-submit {
    background-color: var(--mq-bg-dark) !important;
    color: var(--mq-white) !important;
    border: none !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 0 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.mq-tracking-btn-submit:hover {
    background-color: var(--mq-gold) !important;
    color: var(--mq-bg-dark) !important;
}

.mq-tracking-guide-link {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #8a8a8a !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
}
.mq-tracking-guide-link:hover { color: var(--mq-gold) !important; }
.mq-info-svg-icon { color: var(--mq-gold) !important; }

/* NÚT TẠO ĐƠN - ĐỒNG BỘ TÔNG VÀNG CHUẨN THIẾT KẾ GỐC */
.mq-btn-create-order-now {
    background-color: var(--mq-gold) !important;
    color: var(--mq-white) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 12px 22px !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: auto !important;
    transition: opacity 0.2s ease !important;
}
.mq-btn-create-order-now:hover { opacity: 0.9 !important; }

/* KHỐI BA TIÊU CHÍ CAM KẾT CHUẨN NÉT VẼ */
.mq-tracking-commit-features {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 5px !important;
}

.mq-commit-feature-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    flex: 1 !important;
    position: relative !important;
}

/* Tạo thanh vách ngăn mỏng phân chia giữa các khối */
.mq-commit-feature-item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 15px !important;
    bottom: 15px !important;
    width: 1px !important;
    background-color: #e2e5e8 !important;
}

/* Định dạng vòng tròn chứa SVG nét vẽ vàng */
.mq-commit-icon-container {
    width: 46px !important;
    height: 46px !important;
    border: 1.5px solid var(--mq-gold) !important; /* Vòng tròn mảnh viền vàng */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
    color: var(--mq-gold) !important; /* Ép màu SVG bên trong ăn theo màu vàng này */
}

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

.mq-commit-text-info h4 {
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 0 4px 0 !important;
}

.mq-commit-text-info p {
    font-family: 'Inter', sans-serif !important;
    font-size: 11.5px !important;
    color: #777777 !important;
    margin: 0 !important;
}

/* XỬ LÝ RESPONSIVE ĐA THIẾT BỊ MƯỢT MÀ */
@media (max-width: 1024px) {
    .mq-tracking-container-inside {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .mq-tracking-commit-features {
        padding: 15px 0 0 0 !important;
    }
}

@media (max-width: 600px) {
    .mq-tracking-commit-features {
        flex-direction: column !important;
        gap: 25px !important;
    }
    .mq-commit-feature-item::after {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-30b7d88 */:root {
    --mq-gold: #d4a359;
    --mq-white: #ffffff;
    --mq-text-main: #111111;
    --mq-text-muted: #555555;
    --mq-border-card: #f0f2f5;
}

/* KHUNG NGOÀI PHẦN DỊCH VỤ */
.mq-services-section-wrapper {
    width: 100% !important;
    background-color: var(--mq-white) !important;
    padding: 20px 0 !important;
    box-sizing: border-box !important;
}

.mq-services-container-inside {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* ĐỊNH DẠNG KHỐI TIÊU ĐỀ CHÍNH */
.mq-services-header-title {
    text-align: center !important;
    margin-bottom: 50px !important;
}

.mq-services-header-title h2 {
    font-family: 'Inter', sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--mq-text-main) !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: 0.5px !important;
}

.mq-services-title-line {
    width: 50px !important;
    height: 3px !important;
    background-color: var(--mq-gold) !important;
    margin: 0 auto !important;
}

/* LƯỚI CHIA ĐỀU CỦA PC CHUẨN ĐÉT */
.mq-services-grid-layout {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    box-sizing: border-box !important;
}

/* ĐỊNH DẠNG TỪNG THẺ CARD */
.mq-service-card-item {
    background-color: var(--mq-white) !important;
    border: 1px solid var(--mq-border-card) !important;
    border-radius: 8px !important;
    overflow: visible !important; /* Để lộ phần icon lơ lửng */
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.mq-service-card-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.07) !important;
}

/* PHẦN KHUNG ẢNH CỦA CARD */
.mq-service-image-box {
    position: relative !important;
    width: 100% !important;
    height: 170px !important;
}

.mq-service-image-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px 8px 0 0 !important;
}

/* ICON VÒNG TRÒN GỐI ĐÈ LÊN ẢNH VÀ CHỮ */
.mq-service-icon-floating {
    position: absolute !important;
    bottom: -28px !important; /* Đẩy lùi xuống giữa ranh giới */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 56px !important;
    height: 56px !important;
    background-color: var(--mq-white) !important;
    border: 1.5px solid var(--mq-gold) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--mq-gold) !important;
    z-index: 3 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

.mq-service-icon-floating svg {
    width: 24px !important;
    height: 24px !important;
}

/* KHỐI NỘI DUNG CHỮ PHÍA DƯỚI ICON */
.mq-service-content-box {
    padding: 40px 20px 24px 20px !important; /* padding-top lớn để né icon */
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.mq-service-content-box h3 {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--mq-text-main) !important;
    margin: 0 0 15px 0 !important;
}

/* LIST DẤU CHẤM DÒNG XÁM NHẠT VÀNG */
.mq-service-bullet-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
    text-align: left !important;
}

.mq-service-bullet-list li {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: var(--mq-text-muted) !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important;
    position: relative !important;
    padding-left: 14px !important;
}

/* Tạo dấu chấm vuông/tròn nhỏ màu vàng đầu dòng */
.mq-service-bullet-list li::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--mq-gold) !important;
    font-weight: bold !important;
}

/* NÚT XEM CHI TIẾT MÀU VÀNG THƯƠNG HIỆU */
.mq-service-readmore-btn {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--mq-gold) !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    margin-top: auto !important; /* Đẩy nút luôn bám đáy card cân bằng */
    display: inline-block !important;
    transition: color 0.2s ease !important;
}
.mq-service-readmore-btn:hover {
    color: var(--mq-text-main) !important;
}

/* ================= RESPONSIVE ĐA THIẾT BỊ MƯỢT MÀ ================= */
@media (max-width: 1024px) {
    .mq-services-grid-layout {
        grid-template-columns: repeat(2, 1fr) !important; /* Chuyển về 2 cột trên Tablet */
        gap: 30px !important;
    }
}

@media (max-width: 650px) {
    .mq-services-grid-layout {
        grid-template-columns: 1fr !important; /* Chuyển hẳn về 1 cột trên Mobile */
        gap: 35px !important;
    }
    .mq-services-header-title h2 {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1ccf325 */:root {
    --mq-gold: #d4a359;
    --mq-white: #ffffff;
    --mq-bg-dark: #0b1626; /* Màu nền xanh đen thẫm đồng bộ hình gốc */
}

/* KHUNG BAO TOÀN KHỐI QUY TRÌNH */
.mq-process-section-wrapper {
    width: 100% !important;
    background-color: var(--mq-bg-dark) !important;
    padding: 60px 0 !important;
    box-sizing: border-box !important;
}

.mq-process-container-inside {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* TIÊU ĐỀ KHỐI CHỮ TRẮNG Ở GIỮA */
.mq-process-main-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--mq-white) !important;
    text-align: center !important;
    margin: 0 0 50px 0 !important;
    letter-spacing: 1px !important;
}

/* HỆ THỐNG LINE NGANG NỐI CÁC BƯỚC TRÊN PC */
.mq-process-timeline-flow {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    position: relative !important;
    width: 100% !important;
}

/* Trục nối nằm ngang chạy xuyên suốt qua các chấm */
.mq-process-timeline-flow::before {
    content: "" !important;
    position: absolute !important;
    top: 84px !important; /* Căn chỉnh hoàn hảo đè lên các nút chấm */
    left: 10% !important;
    right: 10% !important;
    height: 1.5px !important;
    background-color: rgba(212, 163, 89, 0.4) !important; /* Màu vàng mờ làm line nền */
    z-index: 1 !important;
}

/* TỪNG BLOCK BƯỚC BÊN TRONG */
.mq-process-step-item {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 0 10px !important;
}

/* VÒNG TRÒN TRẮNG CHỨA ICON VÀNG GỐC */
.mq-process-icon-circle {
    width: 64px !important;
    height: 64px !important;
    background-color: var(--mq-white) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 15px !important;
    color: var(--mq-gold) !important;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.05) !important;
}

.mq-process-svg {
    width: 24px !important;
    height: 24px !important;
}

/* CHẤM TRÒN VÀNG TRÊN ĐƯỜNG NỐI */
.mq-process-node-point {
    width: 10px !important;
    height: 10px !important;
    background-color: var(--mq-gold) !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    border: 2px solid var(--mq-bg-dark) !important;
    box-shadow: 0 0 0 2px var(--mq-gold) !important;
}

/* TEXT NỘI DUNG */
.mq-process-text-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.mq-process-step-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--mq-white) !important;
    margin: 0 0 10px 0 !important;
    min-height: 34px !important; /* Giữ các dòng tiêu đề thẳng hàng nhau */
    display: flex !important;
    align-items: center !important;
}

.mq-process-step-desc {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.65) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    max-width: 180px !important;
}

/* ================= COMPATIBLE RESPONSIVE CHO TABLET & MOBILE ================= */
@media (max-width: 1024px) {
    /* Ẩn trục ngang mặc định của PC */
    .mq-process-timeline-flow::before {
        display: none !important;
    }
    
    /* Chuyển toàn bộ khung flow sang cột dọc */
    .mq-process-timeline-flow {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 30px !important;
        padding-left: 30px !important;
        /* Tạo trục dọc thay thế gối bên trái */
        border-left: 2px dashed rgba(212, 163, 89, 0.4) !important; 
        margin-left: 15px !important;
    }

    .mq-process-step-item {
        flex-direction: row !important; /* Xếp Icon bên trái, chữ bên phải */
        text-align: left !important;
        align-items: center !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .mq-process-icon-circle {
        margin-bottom: 0 !important;
        margin-right: 20px !important;
        flex-shrink: 0 !important;
    }

    /* Biến dấu chấm vàng thành điểm định vị trên trục dọc lề trái */
    .mq-process-node-point {
        position: absolute !important;
        left: -36px !important;
        top: 27px !important;
        margin-bottom: 0 !important;
    }

    .mq-process-text-block {
        align-items: flex-start !important;
    }

    .mq-process-step-title {
        min-height: auto !important;
        margin-bottom: 5px !important;
    }

    .mq-process-step-desc {
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-70ce1e4 */:root {
    --mq-gold: #d4a359;
    --mq-white: #ffffff;
    --mq-bg-navy: #0b1626; /* Màu xanh đen đặc trưng của card */
}

/* KHUNG TỔNG BAO QUANH */
.mq-triple-section-wrapper {
    width: 100% !important;
    background-color: #ffffff !important;
    padding: 60px 0 !important;
    box-sizing: border-box !important;
}

/* LƯỚI CHIA CHUẨN 3 CỘT TRÊN DESKTOP */
.mq-triple-container-inside {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: grid !important;
    /* Cột 1 chiếm 3.2 phần, Cột 2 chiếm 5.2 phần (ảnh rộng), Cột 3 chiếm 3.6 phần */
    grid-template-columns: 3.2fr 5.2fr 3.6fr !important;
    gap: 30px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

/* ĐỊNH DẠNG TÊU ĐỀ CÁC CỘT TRÁI VÀ GIỮA */
.mq-triple-column-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    line-height: 1.3 !important;
    margin: 0 0 12px 0 !important;
    text-transform: uppercase !important;
}
.mq-triple-column-title.mq-text-center { text-align: center !important; }

/* Thanh vạch trang trí màu vàng nhỏ dưới tiêu đề */
.mq-triple-title-line {
    width: 40px !important;
    height: 3px !important;
    background-color: var(--mq-gold) !important;
    margin-bottom: 30px !important;
}
.mq-triple-title-line.mq-line-center { margin-left: auto !important; margin-right: auto !important; }

/* --- KHỐI CỘT 1: LÝ DO CHỌN --- */
.mq-reason-list-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.mq-reason-item {
    display: flex !important;
    align-items: center !important;
}

.mq-reason-svg {
    width: 18px !important;
    height: 18px !important;
    color: var(--mq-gold) !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

.mq-reason-item p {
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    color: #333333 !important;
    margin: 0 !important;
}

/* --- KHỐI CỘT 2: LƯỚI 6 ẢNH THỰC TẾ --- */
.mq-gallery-grid-6 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Luôn chia 3 cột ảnh */
    gap: 12px !important;
    margin-bottom: 25px !important;
}

.mq-gallery-image-item {
    width: 100% !important;
    height: 105px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
}

.mq-gallery-image-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}
.mq-gallery-image-item:hover img { transform: scale(1.06) !important; }

.mq-gallery-action-center { text-align: center !important; }

/* Nút xem thêm ảnh màu vàng đất nhạt nhã nhặn */
.mq-btn-view-more-gallery {
    background-color: var(--mq-gold) !important;
    color: var(--mq-white) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 10px 24px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    transition: opacity 0.2s !important;
}
.mq-btn-view-more-gallery:hover { opacity: 0.9 !important; }

/* --- KHỐI CỘT 3: CARD NHỮNG CON SỐ ẤN TƯỢNG (MÀU XANH ĐEN) --- */
.mq-col-stats-card {
    background-color: var(--mq-bg-navy) !important;
    border-radius: 8px !important;
    padding: 30px 24px !important;
    box-sizing: border-box !important;
}

.mq-stats-card-main-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--mq-gold) !important; /* Tiêu đề màu vàng chuẩn đét */
    margin: 0 0 25px 0 !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
}

.mq-stats-rows-list {
    display: flex !important;
    flex-direction: column !important;
}

.mq-stat-row-item {
    display: flex !important;
    align-items: center !important;
    padding: 14px 0 !important;
}

/* Tạo đường gạch phân tuyến mỏng giữa các chỉ số như hình gốc */
.mq-stat-row-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.mq-stat-svg {
    width: 22px !important;
    height: 22px !important;
    color: var(--mq-gold) !important; /* Icon viền nét mảnh màu vàng */
    margin-right: 18px !important;
    flex-shrink: 0 !important;
}

.mq-stat-text-meta h4 {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--mq-white) !important;
    margin: 0 0 2px 0 !important;
}

.mq-stat-text-meta p {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin: 0 !important;
}

/* ================= COMPATIBLE RESPONSIVE TRÊN ĐA THIẾT BỊ ================= */
@media (max-width: 1024px) {
    /* Rớt về 1 cột đứng dọc hoàn chỉnh trên Tablet & Mobile */
    .mq-triple-container-inside {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    .mq-triple-column-title {
        text-align: center !important;
    }
    
    .mq-triple-title-line {
        margin-left: auto !important; margin-right: auto !important;
    }

    .mq-gallery-grid-6 {
        gap: 15px !important;
    }
    
    .mq-gallery-image-item {
        height: 140px !important; /* Tăng độ cao ảnh khi sang tablet để tránh bị bé */
    }
}

@media (max-width: 600px) {
    .mq-gallery-grid-6 {
        grid-template-columns: repeat(2, 1fr) !important; /* Mobile thu về lưới 2x3 cho dễ nhìn */
    }
    .mq-gallery-image-item {
        height: 110px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0d6e45b */:root {
    --mq-gold: #d4a359;
    --mq-white: #ffffff;
    --mq-text-dark: #111111;
    --mq-bg-light: #fbfbfb;
    --mq-border-light: #f0f0f0;
}

/* KHUNG TỔNG KHÔNG GIAN SẠCH SẼ CHUẨN SEO */
.mq-info-triple-wrapper {
    width: 100% !important;
    background-color: var(--mq-white) !important;
    padding: 60px 0 !important;
    box-sizing: border-box !important;
}

/* CHIA LƯỚI 3 CỘT ĐỀU ĐẶN TRÊN PC */
.mq-info-triple-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Chia đều 3 phần cân bằng tuyệt đối */
    gap: 25px !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

/* ĐỊNH DẠNG CHUNG CHO TIÊU ĐỀ 3 KHỐI */
.mq-info-card-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--mq-text-dark) !important;
    text-align: center !important;
    margin: 0 0 25px 0 !important;
    letter-spacing: 0.5px !important;
}

/* --- STYLE KHỐI 1: KHU VỰC PHỤC VỤ --- */
.mq-info-map-box {
    width: 100% !important;
    height: 160px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    border: 1px solid var(--mq-border-light) !important;
    margin-bottom: 15px !important;
}
.mq-info-map-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.mq-info-map-desc {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 15px !important;
}
.mq-map-marker-icon {
    width: 16px !important;
    height: 16px !important;
    color: var(--mq-gold) !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}
.mq-info-map-desc p {
    font-family: 'Inter', sans-serif !important;
    font-size: 12.5px !important;
    color: #555555 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}
.mq-info-tags-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 5px !important;
}
.mq-tag-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #444444 !important;
}
.mq-tag-check {
    color: var(--mq-gold) !important;
    font-weight: bold !important;
    margin-right: 3px !important;
}

/* --- STYLE KHỐI 2: LỊCH TRÌNH XE --- */
.mq-schedule-timeline-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}
.mq-schedule-row-block {
    background-color: var(--mq-bg-light) !important;
    border: 1px solid var(--mq-border-light) !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
}
.mq-schedule-route-header {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}
.mq-truck-badge-icon {
    width: 24px !important;
    height: 24px !important;
    background-color: var(--mq-gold) !important;
    color: var(--mq-white) !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
}
.mq-truck-badge-icon svg { width: 14px !important; height: 14px !important; }
.mq-schedule-route-header h3 {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--mq-text-dark) !important;
    margin: 0 !important;
}
.mq-schedule-time-slots {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
}
.mq-time-badge {
    background-color: var(--mq-white) !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 6px 0 !important;
}
.mq-time-badge span {
    font-family: 'Inter', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #444444 !important;
}
.mq-schedule-footnote {
    font-family: 'Inter', sans-serif !important;
    font-style: italic !important;
    font-size: 11px !important;
    color: #888888 !important;
    text-align: center !important;
    margin: 15px 0 0 0 !important;
}

/* --- STYLE KHỐI 3: BẢNG GIÁ THAM KHẢO CHUẨN DESIGN MQ --- */
.mq-price-table-wrapper {
    width: 100% !important;
    border: 1px solid #e5e5e5 !important; /* Khung border xám nhạt bao quanh view tổng */
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
    background-color: #ffffff !important; /* Đảm bảo nền tổng màu trắng */
}

.mq-custom-table-seo {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: none !important;
}

/* HÀNG ĐẦU TIÊN (TIÊU ĐỀ): Nền xám nhạt */
.mq-custom-table-seo th {
    background-color: #f7f7f7 !important; /* Màu xám nhạt cho hàng đầu tiên */
    font-family: inherit !important; /* Dùng font gốc của dự án MQ */
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #555555 !important;
    padding: 14px 16px !important;
    /* Thiết lập border divider xám nhạt */
    border-bottom: 1px solid #e5e5e5 !important; 
    border-top: none !important;
    border-left: none !important;
}

/* CÁC HÀNG CÒN LẠI: Ép toàn bộ nền td về màu trắng tinh để không bị sọc chẵn lẻ của theme */
.mq-custom-table-seo td {
    background-color: #ffffff !important; /* Ép trực tiếp vào ô td để đè hoàn toàn style của theme */
    padding: 13px 16px !important;
    font-family: inherit !important; 
    font-size: 13px !important;
    /* Đường divider ngang chia các item bên dưới */
    border-bottom: 1px solid #e5e5e5 !important; 
    border-top: none !important;
    border-left: none !important;
}

/* Đường divider dọc ngăn cách giữa 2 cột ở hàng tiêu đề */
.mq-custom-table-seo th:first-child {
    border-right: 1px solid #e5e5e5 !important; 
}
.mq-custom-table-seo th:last-child {
    border-right: none !important;
}

/* CÁC HÀNG CÒN LẠI: Ép toàn bộ nền màu trắng */
.mq-custom-table-seo tr {
    background-color: #ffffff !important; /* Nền trắng hoàn toàn */
}

.mq-custom-table-seo td {
    padding: 13px 16px !important;
    font-family: inherit !important; /* Dùng font gốc của dự án MQ */
    font-size: 13px !important;
    /* Đường divider ngang chia các item bên dưới */
    border-bottom: 1px solid #e5e5e5 !important; 
    border-top: none !important;
    border-left: none !important;
}

/* Đường divider dọc ngăn cách giữa 2 cột ở các hàng nội dung */
.mq-custom-table-seo td:first-child {
    border-right: 1px solid #e5e5e5 !important; 
}
.mq-custom-table-seo td:last-child {
    border-right: none !important;
}

/* Hàng cuối cùng: Khử đường border bottom để không bị trùng đè lên khung ngoài */
.mq-custom-table-seo tr:last-child td {
    border-bottom: none !important;
}

/* Tên dịch vụ (Bên trái) */
.mq-td-name {
    color: #444444 !important;
    font-weight: 500 !important;
}

/* Giá tiền (Bên phải) */
.mq-td-val {
    color: #111111 !important;
    font-weight: 700 !important;
}

/* Khu vực nút bấm phía dưới */
.mq-price-action-bottom {
    text-align: center !important;
    margin-top: 20px !important;
}

.mq-btn-view-full-price {
    background-color: #d4a359 !important; 
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 12px 28px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.mq-btn-view-full-price:hover {
    background-color: #bfa150 !important;
}

/* ================= RESPONSIVE ĐA THIẾT BỊ HOÀN HẢO ================= */
@media (max-width: 1024px) {
    /* Gom thành 1 cột đứng thẳng hàng dọc khi xem trên Tablet & Mobile */
    .mq-info-triple-container {
        grid-template-columns: 1fr !important;
        gap: 45px !important;
    }
    .mq-info-card-col {
        width: 100% !important;
        max-width: 550px !important; /* Khống chế bề ngang vừa mắt trên mobile, không bị bành trướng */
        margin: 0 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d7cb1e6 *//* --- TỔNG THỂ KHỐI CTA BANNER MQ TĨNH --- */
.mq-cta-banner-container {
    width: 100% !important;
    position: relative !important;
    /* ANH THAY LINK ẢNH XE TẢI CỦA ANH VÀO ĐÂY */
    background-image: url('https://picsum.photos/1920/400?blur=2') !important; 
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 35px 20px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* LỚP PHỦ OVERLAY MÀU XANH ĐEN ĐẬM TẠO ĐỘ PHẢN CHIẾU NỔI BẬT CHỮ */
.mq-cta-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(11, 22, 38, 0.82) !important;
    z-index: 1 !important;
}

/* KHUNG CHỨA NỘI DUNG TRONG */
.mq-cta-content-inner {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 1200px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 30px !important;
}

/* KHỐI TEXT (BÊN TRÁI) */
.mq-cta-text-block {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.mq-cta-main-title {
    font-family: inherit !important; /* Kế thừa font từ đầu dự án MQ */
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.mq-cta-sub-desc {
    font-family: inherit !important;
    font-size: 15px !important;
    color: #e0e0e0 !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

/* KHỐI NÚT BẤM (BÊN PHẢI) */
.mq-cta-action-block {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-shrink: 0 !important;
}

/* NÚT VÀNG NỀN ĐẦY */
.mq-cta-btn-primary {
    background-color: #d4a359 !important; /* Màu vàng Gold chuẩn */
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 14px 28px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    border: 1px solid #d4a359 !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
}

.mq-cta-btn-primary:hover {
    background-color: #bfa150 !important;
    border-color: #bfa150 !important;
}

/* NÚT VIỀN OUTLINE CHỨA HOTLINE */
.mq-cta-btn-outline {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 14px 28px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
}

.mq-cta-btn-outline:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* ICON ĐIỆN THOẠI TRÒN TRONG NÚT */
.mq-cta-icon-phone {
    width: 18px !important;
    height: 18px !important;
    background-color: #d4a359 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 8px !important;
    color: #ffffff !important;
    padding: 4px !important;
    flex-shrink: 0 !important;
}

.mq-cta-icon-phone svg {
    width: 12px !important;
    height: 12px !important;
}

/* =========================================================================
   CẤU HÌNH RESPONSIVE CHO THIẾT BỊ DI ĐỘNG (MOBILE & TABLET)
   ========================================================================= */
@media (max-width: 991px) {
    .mq-cta-content-inner {
        flex-direction: column !important;
        text-align: center !important;
        gap: 20px !important;
    }
    
    .mq-cta-text-block {
        text-align: center !important;
    }
    
    .mq-cta-action-block {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .mq-cta-btn-primary, .mq-cta-btn-outline {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}/* End custom CSS */