.elementor-2788 .elementor-element.elementor-element-0bffbfd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2788 .elementor-element.elementor-element-048ea0a{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-4ecd5e1{padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-090978f{padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-4798511{padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-1aea135{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-0be8cd5{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-b4e42a2{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-63452c5{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-a529a30{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-4078eec{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2788 .elementor-element.elementor-element-7919fbf{width:100%;max-width:100%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2788 .elementor-element.elementor-element-1aea135{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-048ea0a *//* --- FIX TOÀN BỘ LỖI HERO BANNER CHUYỂN NHÀ TRỌN GÓI --- */

.nb-cn-hero-wrapper {
    width: 100% !important;
    min-height: 80vh !important;
    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;
    padding-top: 130px !important; /* Né Header */
}

/* Overlay phủ màu tối (Đậm tối đa bên trái) */
.nb-cn-hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* Đậm đen 98% ở sát mép trái, giữ 90% đến tận giữa hình (50%) rồi mới vuốt mờ */
    background: linear-gradient(
        to right, 
        rgba(6, 13, 26, 0.98) 0%, 
        rgba(6, 13, 26, 0.92) 35%, 
        rgba(6, 13, 26, 0.70) 55%, 
        rgba(6, 13, 26, 0.05) 100%
    ) !important;
    z-index: 1 !important;
}

.nb-cn-hero-inside {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

.nb-cn-hero-content {
    max-width: 850px !important;
    width: 100% !important;
}

/* Breadcrumb */
.nb-cn-breadcrumb {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin-bottom: 20px !important;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8) !important;
}
.nb-cn-breadcrumb a {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
}
.nb-cn-breadcrumb .sep {
    margin: 0 8px !important;
    color: rgba(255, 255, 255, 0.4) !important;
}
.nb-cn-breadcrumb .current {
    color: var(--mq-gold, #d97706) !important; font-weight: 600 !important;
}

/* Tiêu đề & Chữ */
.nb-cn-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 10px 0 !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}
.nb-cn-main-title .highlight-gold {
    color: var(--mq-gold, #d97706) !important;
}
.nb-cn-description-text {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 25px 0 !important;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.85) !important;
}

/* Checklist: Cấu hình khung chứa tự ôm nội dung */
.nb-cn-checklist {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: fit-content !important; /* Ôm sát kích thước dòng dài nhất */
}
.nb-cn-checklist li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: #ffffff !important;
    margin-bottom: 12px !important;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.85) !important;
    text-align: left !important; /* Giữ nội dung bên trong luôn căn trái */
}
.nb-cn-checklist .check-icon {
    width: 20px !important;
    height: 20px !important;
    background: var(--mq-gold, #d97706) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.nb-cn-checklist .check-icon svg {
    width: 12px !important;
    height: 12px !important;
}

/* ==========================================
   2 CARD NÚT BẤM MỚI (ĐÃ ĐỔI SANG MÀU GOLD)
   ========================================== */
.nb-cn-action-cards {
    display: flex !important;
    gap: 16px !important;
    margin-top: 24px !important;
    flex-wrap: wrap !important;
}

.nb-card-btn {
    display: flex !important;
    align-items: center !important;
    background: rgba(13, 17, 23, 0.85) !important;
    border: 1.5px solid var(--mq-gold, #d97706) !important; /* Đổi viền sang màu gold */
    border-radius: 10px !important;
    padding: 12px 20px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    flex: 1 !important;
    min-width: 260px !important;
    max-width: 380px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    box-sizing: border-box !important;
}

.nb-card-btn:hover {
    background: rgba(20, 26, 35, 0.95) !important;
    border-color: #f59e0b !important; /* Viền sáng vàng khi hover */
    transform: translateY(-2px) !important;
}

.nb-card-btn .card-icon {
    width: 42px !important;
    height: 42px !important;
    flex-shrink: 0 !important;
    margin-right: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.nb-card-btn .card-icon svg {
    width: 36px !important;
    height: 36px !important;
    stroke: var(--mq-gold, #d97706) !important; /* Icon dùng màu gold */
}

.nb-card-btn .card-text {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.nb-card-btn {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

.nb-card-btn .card-title {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 2px 0 !important;
}

.nb-card-btn .card-sub {
    font-family: 'Inter', sans-serif !important;
    color: #94a3b8 !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

/* --- KHỐI 4 CON SỐ CARD LƠ LỬNG --- */
.nb-cn-footer-stats-bar {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px 35px 20px !important;
    box-sizing: border-box !important;
}
.nb-cn-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    width: 100% !important;
    background: rgba(11, 22, 38, 0.65) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px !important;
    padding: 22px 30px !important;
    gap: 20px !important;
    box-sizing: border-box !important;
}
.nb-cn-stat-card {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    position: relative !important;
}
.nb-cn-stat-card: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;
}
.nb-cn-stat-card .stat-info h3 {
    font-family: 'Inter', sans-serif !important;
    color: var(--mq-gold, #d97706) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.1 !important;
}
.nb-cn-stat-card .stat-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: CĂN GIỮA NGUYÊN KHỐI TRÊN TABLET & MOBILE
   ========================================== */

@media (max-width: 1024px) {
    /* Đẩy nguyên khối checklist ra giữa view cha nhưng văn bản bên trong vẫn căn trái */
    .nb-cn-checklist {
        margin-left: auto !important;
        margin-right: auto !important;
        align-items: flex-start !important;
    }
    .nb-cn-checklist li {
        justify-content: flex-start !important;
    }

    .nb-cn-stats-grid { 
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 25px !important; 
    }
    .nb-cn-stat-card {
        justify-content: center !important;
        text-align: center !important;
    }
    .nb-cn-stat-card::after { 
        display: none !important; 
    }
}

@media (max-width: 768px) {
    .nb-cn-hero-wrapper { 
        padding-top: 100px !important; 
        min-height: auto !important; 
    }
    
    /* Căn giữa phần tiêu đề và nút bấm */
    .nb-cn-hero-content {
        margin: 0 auto !important;
        text-align: center !important;
    }
    
    /* Căn giữa 2 card nút bấm trên Responsive Mobile */
    .nb-cn-action-cards {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .nb-card-btn {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Căn giữa khối 4 con số */
    .nb-cn-stats-grid { 
        grid-template-columns: 1fr !important; 
        padding: 20px 15px !important;
    }
    .nb-cn-stat-card {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4ecd5e1 *//* ==========================================
   STYLE SLIDER, ALL SVG ICONS & VIEW CHA SHADOW
   ========================================== */

.mq-pricing-section {
    max-width: 1240px !important;
    margin: 20px auto !important;
    padding: 0 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    box-sizing: border-box !important;
}

/* KHÔI PHÚC BORDER & SHADOW VIEW CHA */
.mq-pricing-inside {
    max-width: 1240px !important;
    padding: 24px 25px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* SVG ICON CHUNGS */
.mq-svg-icon {
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

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

.mq-svg-icon.micro {
    width: 13px !important;
    height: 13px !important;
    stroke: #64748b !important;
}

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

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

/* 1. FILTER TABS */
.mq-filter-wrapper {
    text-align: center !important;
}

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

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

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

/* 2. SECTION HEADER & NÚT MŨI TÊN SCROLL */
.mq-section-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    margin-top: 30px !important;
}

.mq-sec-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.mq-sec-title h2 {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

/* SCROLL ARROW BUTTONS */
.mq-scroll-nav {
    display: flex !important;
    gap: 8px !important;
}

.mq-nav-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
}

.mq-nav-btn svg {
    width: 18px !important;
    height: 18px !important;
    stroke: #475569 !important;
}

.mq-nav-btn:hover {
    border-color: var(--mq-gold, #d97706) !important;
    background: var(--mq-gold, #d97706) !important;
}

.mq-nav-btn:hover svg {
    stroke: #ffffff !important;
}

/* 3. GRID HÀNG CARD CÓ HỖ TRỢ SCROLL NGANG SLIDER */
.mq-cards-grid {
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding-top: 10px !important;
    padding-bottom: 12px !important;
    margin-top: -10px !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.mq-cards-grid::-webkit-scrollbar {
    display: none !important;
}

/* 4. CARDS STYLING CHUNG */
.mq-card {
    min-width: 270px !important;
    max-width: 280px !important;
    flex: 0 0 auto !important;
    scroll-snap-align: center !important;
    border-radius: 12px !important;
    padding: 20px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    box-sizing: border-box !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.mq-card:hover {
    transform: translateY(-4px) !important;
}

.mq-badge-popular {
    position: absolute !important;
    top: 12px !important;
    right: -2px !important;
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 4px 0 0 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.mq-card-head {
    text-align: center !important;
    margin-bottom: 12px !important;
}

.mq-card-head h3 {
    font-size: 15.5px !important;
    font-weight: 800 !important;
    margin: 0 0 4px 0 !important;
}

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

.sub-location {
    font-size: 11.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

/* PRICE BOX CHUNG */
.mq-card-price-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 15px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}

.price-info .label {
    display: block !important;
    font-size: 11px !important;
}

.price-info .amount {
    font-size: 20px !important;
    font-weight: 900 !important;
    color: var(--mq-gold, #d97706) !important;
}

/* SPECS CHUNG */
.mq-card-specs {
    margin-bottom: 15px !important;
    padding: 8px 0 !important;
}

.spec-row {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 12.5px !important;
    padding: 3px 0 !important;
}

.spec-row span { font-weight: 600 !important; }
.spec-row strong { font-weight: 700 !important; }

/* FEATURES CHUNG */
.mq-card-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
    font-size: 12px !important;
}

.mq-card-features li {
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* BUTTONS CHUNG */
.mq-btn {
    display: block !important;
    text-align: center !important;
    padding: 10px 0 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    margin-top: auto !important;
    transition: background 0.2s ease !important;
}

/* --- LIGHT CARD SPECIFICS --- */
.light-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.light-card.featured {
    border: 1.5px solid var(--mq-gold, #d97706) !important;
    background: #fffdfa !important;
}

.light-card .mq-card-head h3 { color: #0f172a !important; }
.light-card .sub-location { color: #64748b !important; }
.light-card .mq-card-price-box { background: #f8fafc !important; }
.light-card .price-info .label { color: #64748b !important; }
.light-card .mq-card-specs {
    border-top: 1px dashed #e2e8f0 !important;
    border-bottom: 1px dashed #e2e8f0 !important;
}
.light-card .spec-row span { color: #64748b !important; }
.light-card .spec-row strong { color: #1e293b !important; }
.light-card .mq-card-features { color: #475569 !important; }

.btn-solid {
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: #ffffff !important;
}

.btn-solid:hover {
    opacity: 0.9 !important;
}

/* --- DARK CARD SPECIFICS --- */
.dark-card {
    background: var(--mq-card-dark, #0f172a) !important;
    border: 1px solid #1e293b !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.dark-card .mq-card-head h3 { color: #ffffff !important; }
.dark-card .sub-location { color: #94a3b8 !important; }
.dark-card .sub-location .micro { stroke: #94a3b8 !important; }
.dark-card .mq-card-price-box { background: rgba(255, 255, 255, 0.05) !important; }
.dark-card .price-info .label { color: #94a3b8 !important; }
.dark-card .mq-card-specs {
    border-top: 1px dashed #334155 !important;
    border-bottom: 1px dashed #334155 !important;
}
.dark-card .spec-row span { color: #94a3b8 !important; }
.dark-card .spec-row strong { color: #f8fafc !important; }
.dark-feat { color: #cbd5e1 !important; }

.btn-outline {
    background: transparent !important;
    border: 1px solid var(--mq-gold, #d97706) !important;
    color: var(--mq-gold, #d97706) !important;
}

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

/* ==========================================
   COMMITMENTS BAR STYLING
   ========================================== */
.mq-commitments-bar {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 15px !important;
    margin-top: 30px !important;
    padding: 20px 15px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

.mq-commit-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    position: relative !important;
}

.mq-commit-item:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    right: -7px !important;
    top: 10% !important;
    height: 80% !important;
    width: 1px !important;
    background: #e2e8f0 !important;
}

.mq-commit-icon {
    flex-shrink: 0 !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

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

.mq-commit-text {
    display: flex !important;
    flex-direction: column !important;
}

.mq-commit-text strong {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
}

.mq-commit-text span {
    font-size: 11.5px !important;
    color: #64748b !important;
    line-height: 1.2 !important;
}

/* FOOTER NOTE */
.price-footer-note {
    background: #fffbf5 !important;
    border: 1px solid var(--mq-border-light, #e2e8f0) !important;
    border-left: 4px solid var(--mq-gold, #d97706) !important;
    padding: 14px 18px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 24px !important;
    width: 100% !important;
}

.price-footer-note .warning-icon {
    background: var(--mq-gold, #d97706) !important;
    color: #ffffff !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: bold !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.price-footer-note p {
    margin: 0 !important;
    font-size: 14px !important;
    color: #334155 !important;
    line-height: 1.5 !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    .mq-pricing-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;
        padding: 0 !important;
    }

    .mq-pricing-inside {
        padding: 20px 16px !important;
        margin: 0 !important;
    }

    /* Slider tràn viền khớp với padding 16px của view cha */
    .mq-cards-grid {
        margin-left: -16px !important;
        margin-right: -16px !important;
        width: calc(100% + 32px) !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        gap: 14px !important;
    }

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

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

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

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

    .underline {
        margin: 6px auto 10px auto !important;
    }

    .mq-sec-title h2 {
        font-size: 16px !important;
    }

    .mq-scroll-nav {
        display: none !important;
    }

    /* Slider tràn viền khớp với padding 10px của view cha */
    .mq-cards-grid {
        margin-left: -10px !important;
        margin-right: -10px !important;
        width: calc(100% + 20px) !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 12px !important;
    }

    .mq-card {
        min-width: 82vw !important;
        max-width: 85vw !important;
        padding: 16px 14px !important;
    }

    .mq-commitments-bar {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 16px 12px !important;
    }

    .price-footer-note {
        padding: 12px !important;
    }

    .price-footer-note p {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-090978f *//* ==========================================
   DỊCH VỤ CHÀNH XE NHÀ BÈ (DESKTOP & CHUNG)
   ========================================== */

.nb-service-section {
    max-width: 1240px !important;
    margin: 20px auto !important;
    padding: 0 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    box-sizing: border-box !important;
}

.nb-service-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* 1. TITLE & UNDERLINE Y CHANG PHẦN TRƯỚC */
.nb-service-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.nb-service-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* HIGHLIGHT CHỮ NHÀ BÈ */
.nb-service-title .highlight {
    color: var(--mq-gold, #d97706) !important;
}

/* DẢI GẠCH DƯỚI TITLE */
.title-underline-moving {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 12px auto 0 auto !important;
}

/* 2. GRID ITEMS (HIỂN THỊ 6 CỘT TRÊN DESKTOP CÓ ĐƯỜNG KẺ NGẮN CÁCH) */
.nb-service-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 15px !important;
    align-items: flex-start !important;
}

.nb-service-item {
    text-align: center !important;
    padding: 10px 8px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Vạch kẻ dọc chia cột trên Desktop */
.nb-service-item:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    right: -8px !important;
    top: 15% !important;
    height: 70% !important;
    width: 1px !important;
    background: #e2e8f0 !important;
}

/* ICON MÀU GOLD */
.nb-service-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

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

.nb-service-item h3 {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.3 !important;
}

.nb-service-item p {
    font-size: 12.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    .nb-service-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-service-container {
        padding: 20px 16px !important;
    }

    /* Grid chuyển sang 3 cột trên Tablet */
    .nb-service-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px 16px !important;
    }

    .nb-service-item::after {
        display: none !important;
    }
}

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

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

    .title-underline-moving {
        margin: 6px auto 14px auto !important;
    }

    /* Grid chuyển sang 2 cột trên Mobile nhỏ */
    .nb-service-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 12px !important;
    }

    .nb-service-icon {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 8px !important;
    }

    .nb-service-icon svg {
        width: 36px !important;
        height: 36px !important;
    }

    .nb-service-item h3 {
        font-size: 13.5px !important;
        margin-bottom: 4px !important;
    }

    .nb-service-item p {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4798511 *//* ==========================================
   QUY TRÌNH GỬI HÀNG (DESKTOP & CHUNG)
   ========================================== */

.nb-process-section {
    max-width: 1240px !important;
    margin: 20px auto !important;
    padding: 0 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    box-sizing: border-box !important;
}

.nb-process-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* 1. HEADER SECTION */
.nb-process-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.nb-process-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

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

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

/* 2. GRID 6 STEPS */
.nb-process-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 10px !important;
    align-items: flex-start !important;
}

.nb-process-step {
    text-align: center !important;
    padding: 0 4px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* NÚT TRÒN SỐ THỨ TỰ (BADGE) */
.nb-step-badge {
    width: 38px !important;
    height: 38px !important;
    background-color: var(--mq-gold, #d97706) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    margin-bottom: 14px !important;
    position: relative !important;
    z-index: 2 !important;
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.2) !important;
}

/* ĐƯỜNG NỐI NÉT ĐỨT CÓ MŨI TÊN GIỮA CÁC BƯỚC (DESKTOP) */
.nb-process-step:not(:last-child)::before {
    content: '' !important;
    position: absolute !important;
    top: 19px !important;
    left: calc(50% + 24px) !important;
    width: calc(100% - 48px) !important;
    border-top: 2px dashed var(--mq-gold, #d97706) !important;
    z-index: 1 !important;
}

.nb-process-step:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    top: 15px !important;
    right: -4px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-left: 7px solid var(--mq-gold, #d97706) !important;
    z-index: 1 !important;
}

/* ICON MÀU GOLD */
.nb-step-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

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

.nb-process-step h3 {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

.nb-process-step p {
    font-size: 12px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    .nb-process-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-process-container {
        padding: 20px 16px !important;
    }

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

    /* Ẩn đường nối trên mobile/tablet */
    .nb-process-step::before,
    .nb-process-step::after {
        display: none !important;
    }
}

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

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

    .title-underline-moving {
        margin: 6px auto 14px auto !important;
    }

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

    .nb-step-badge {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .nb-step-icon {
        width: 36px !important;
        height: 36px !important;
        margin-bottom: 6px !important;
    }

    .nb-step-icon svg {
        width: 32px !important;
        height: 32px !important;
    }

    .nb-process-step h3 {
        font-size: 13px !important;
        margin-bottom: 4px !important;
    }

    .nb-process-step p {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1aea135 *//* ==========================================
   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: 1240px !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-0be8cd5 *//* ==========================================
   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: 1240px !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-b4e42a2 *//* ==========================================================================
   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: 1240px !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-63452c5 *//* ==========================================
   STYLE: KHÁCH HÀNG NÓI GÌ VỀ CHÚNG TÔI
   ========================================== */

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

/* CONTAINER CHÍNH (DESKTOP) */
.nb-testimonial-section {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 20px auto !important;
    padding: 0 !important;
}

.nb-testimonial-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;
}

/* TIÊU ĐỀ CHÍNH - CHỈNH TRỰC TIẾP VÀO H2.NB-TESTIMONIAL-HEADER */
h2.nb-testimonial-header,
.nb-testimonial-header {
    text-align: center !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* Ép font-weight cho thẻ span chữ vàng bên trong */
.nb-testimonial-header .gold-text-testimonial,
.gold-text-testimonial {
    color: var(--mq-gold, #d97706) !important;
    font-weight: 800 !important;
}

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

/* ==========================================
   GRID CONTAINER (DESKTOP: 3 CỘT)
   ========================================== */
.nb-testimonial-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    align-items: stretch !important;
}

.nb-testimonial-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

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

.nb-card-user {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.nb-card-user .user-avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background-color: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    flex-shrink: 0 !important;
}

.nb-card-user .user-name {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    line-height: 1.3 !important;
}

.nb-card-user .user-location {
    margin: 2px 0 0 0 !important;
    font-size: 13px !important;
    color: #64748b !important;
}

.nb-card-rating {
    display: flex !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}

.nb-card-rating .star {
    color: #f59e0b !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.nb-card-comment {
    margin: 0 0 16px 0 !important;
    font-size: 14px !important;
    color: #334155 !important;
    line-height: 1.6 !important;
    font-style: italic !important;
    flex-grow: 1 !important;
}

.nb-card-tag {
    display: flex !important;
}

.nb-card-tag span {
    background: #f1f5f9 !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    display: inline-block !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    .nb-testimonial-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-testimonial-container {
        padding: 16px !important;
    }

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

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

    /* ĐĂNG KÝ TRỰC TIẾP FONT SIZE 22PX CHO MOBILE */
    h2.nb-testimonial-header,
    .nb-testimonial-header,
    .nb-testimonial-header * {
        font-size: 22px !important; 
        line-height: 1.3 !important;
    }

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

    .nb-testimonial-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .nb-testimonial-card {
        padding: 14px !important;
    }

    .nb-card-user .user-avatar {
        width: 42px !important;
        height: 42px !important;
    }

    .nb-card-user .user-name {
        font-size: 14.5px !important;
    }

    .nb-card-user .user-location {
        font-size: 12px !important;
    }

    .nb-card-comment {
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }

    .nb-card-tag span {
        font-size: 12px !important;
        padding: 3px 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a529a30 *//* ==========================================
   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-4078eec *//* ==========================================
   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-7919fbf *//* ==========================================
   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 */