.elementor-1906 .elementor-element.elementor-element-c1e2792{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1906 .elementor-element.elementor-element-91cfd83{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-9eea93c{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-a7630e8{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-3c68dce{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-d527d49{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-68a3ce7{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-27d1e69{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-d2e3f84{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-b7411e3{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-085074b{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-ff44ddb{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-05b5107{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-46bd62d{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-2d345a4{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1906 .elementor-element.elementor-element-0662651{width:100%;max-width:100%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-91cfd83 *//* --- 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, #d4af37) !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: #d4a359 !important;
}
.nb-cn-description-text {
    font-family: 'Inter', sans-serif !important;
    color: #d4a359 !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: #d4a359 !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;
}

/* Cụm nút bấm */
.nb-cn-action-buttons {
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}
.nb-cn-btn-gold {
    font-family: 'Inter', sans-serif !important;
    background: linear-gradient(135deg, #d4af37, #aa7c11) !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;
}
.nb-cn-btn-outline {
    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-flex !important;
    align-items: center !important;
    gap: 8px !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: #d4a359 !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;
    }
    .nb-cn-action-buttons {
        justify-content: center !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-9eea93c *//* ==========================================
   QUOTE FORM SHORTCODE (BRANDING & RESPONSIVE)
   ========================================== */
.nb-quote-section {
    max-width: 1200px !important;
    margin: 24px auto !important;
    padding: 24px !important;
    background-color: #ffffff !important;
    color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}

.nb-quote-card {
    background: #ffffff !important;
    padding: 24px !important;
    display: grid !important;
    grid-template-columns: 240px 1fr 280px !important;
    gap: 24px !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* CỘT 1: HEADER & MÔ TẢ */
.nb-quote-col-left {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.nb-quote-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.nb-quote-icon-paperplane {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.nb-quote-icon-paperplane svg path {
    fill: var(--mq-gold, #d97706) !important;
}

.nb-quote-title-box {
    display: flex !important;
    flex-direction: column !important;
}

.nb-quote-main-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin: 0 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

.nb-quote-sub-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--mq-gold, #d97706) !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

.nb-quote-desc {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    font-weight: 500 !important; /* Thêm độ đậm cho chữ nổi bật hẳn lên */

}

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

/* CỘT 2: FORM INPUTS */
.nb-quote-col-mid {
    border-left: 1px solid #f1f5f9 !important;
    border-right: 1px solid #f1f5f9 !important;
    padding: 0 20px !important;
}

.nb-quote-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.nb-form-row.nb-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
}

.nb-form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.nb-form-group label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin: 0 !important;
}

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

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

.nb-input-icon-wrap input,
.nb-input-icon-wrap textarea {
    width: 100% !important;
    padding: 8px 12px 8px 38px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    background: #ffffff !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.nb-input-icon-wrap input:focus,
.nb-input-icon-wrap textarea:focus {
    border-color: var(--mq-gold, #d97706) !important;
    box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.15) !important;
}

.nb-textarea-wrap {
    align-items: flex-start !important;
}

.nb-textarea-wrap .nb-field-icon {
    top: 10px !important;
}

.nb-input-icon-wrap textarea {
    resize: none !important;
    height: 48px !important;
}

/* CỘT 3: FEATURES & SUBMIT */
.nb-quote-col-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.nb-features-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.nb-feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

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

.nb-feat-text {
    display: flex !important;
    flex-direction: column !important;
}

.nb-feat-text strong {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    line-height: 1.2 !important;
}

.nb-feat-text span {
    font-size: 12px !important;
    color: #64748b !important;
    line-height: 1.2 !important;
}

/* NÚT SUBMIT & HOTLINE */
.nb-submit-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
}

.nb-btn-submit {
    width: 100% !important;
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: filter 0.2s ease !important;
}

.nb-btn-submit:hover {
    filter: brightness(0.9) !important;
}

.nb-hotline-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.nb-hotline-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    text-decoration: none !important;
}

.nb-hotline-link svg path {
    fill: var(--mq-gold, #d97706) !important;
}

.nb-hotline-info span {
    font-size: 12px !important;
    color: #64748b !important;
}

/* ==========================================
   RESPONSIVE LAYOUT (TABLET & MOBILE)
   ========================================== */
@media (max-width: 991px) {
    /* Ép khung chứa cha (.nb-quote-section) cách 2 mép màn hình đúng 10px */
    .nb-quote-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: 16px !important;
    }

    /* Chuyển layout bên trong về 1 cột */
    .nb-quote-card {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 !important; /* Đưa padding ra ngoài .nb-quote-section */
    }

    .nb-quote-col-mid {
        border-left: none !important;
        border-right: none !important;
        border-top: 1px solid #f1f5f9 !important;
        border-bottom: 1px solid #f1f5f9 !important;
        padding: 16px 0 !important;
    }
}

@media (max-width: 576px) {
    .nb-quote-section {
        padding: 25px 10px !important;
        border-radius: 8px !important;
    }

    .nb-form-row.nb-grid-2 {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .nb-quote-main-title {
        font-size: 18px !important;
    }

    .nb-quote-sub-title {
        font-size: 16px !important;
    }

    .nb-btn-submit {
        font-size: 13px !important;
        padding: 12px 14px !important;
    }
    
    
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a7630e8 *//* ==========================================
   RESET & CONTAINER CHÍNH (DESKTOP)
   ========================================== */
.light-calc-wrapper {
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 24px !important;
    background-color: #ffffff !important;
    color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}

.light-calc-wrapper * {
    box-sizing: border-box !important;
}

/* ==========================================
   HEADER
   ========================================== */
.light-calc-header {
    text-align: center !important;
    margin-bottom: 36px !important;
}

.light-calc-header h2 {
    margin: 0 0 8px 0 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* CHỮ HIGHLIGHT TRÊN HEADER - VÀNG GOLD */
.light-calc-header h2 span,
.light-calc-header h2 * {
    color: var(--mq-gold, #d97706) !important;
    font-weight: 800 !important;
}

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

.light-calc-header p {
    margin: 0 !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* ==========================================
   LAYOUT GRID
   ========================================== */
.light-calc-body {
    display: grid !important;
    grid-template-columns: 1fr 360px !important;
    gap: 24px !important;
}

/* ==========================================
   SECTION TITLES & STEP NUMBERS
   ========================================== */
.light-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

/* SỐ VÒNG TRÒN 1, 2 */
.step-num {
    background: var(--mq-gold, #d97706) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
}

/* ==========================================
   FORM FIELDS & INPUTS
   ========================================== */
.light-form-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

.light-field label {
    display: block !important;
    margin-bottom: 6px !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.light-input-wrap {
    position: relative !important;
}

.light-input-wrap input {
    width: 100% !important;
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid var(--border-input, #cbd5e1) !important;
    border-radius: 6px !important;
    color: #0f172a !important;
    font-size: 14px !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.light-input-wrap input:focus,
.light-field select:focus {
    border-color: var(--mq-gold, #d97706) !important;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
}

#lt-distance {
    height: 42px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
}

#lt-distance::-webkit-outer-spin-button,
#lt-distance::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
    height: 18px !important;
    opacity: 1;
    cursor: pointer;
}

.light-field select {
    width: 100% !important;
    height: 42px !important;
    padding: 0 36px 0 12px !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23d97706' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px !important;
    border: 1px solid var(--border-input, #cbd5e1) !important;
    border-radius: 6px !important;
    color: #0f172a !important;
    font-size: 14px !important;
    outline: none !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.light-icon {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    display: flex !important;
    align-items: center !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.light-input-wrap .light-icon,
.light-input-wrap .light-icon svg,
.light-input-wrap .light-icon i {
    color: var(--mq-gold, #d97706) !important;
    stroke: var(--mq-gold, #d97706) !important;
}

.light-input-wrap .light-icon svg path {
    stroke: var(--mq-gold, #d97706) !important;
}

/* ==========================================
   ADDONS GRID & CHECKBOXES
   ========================================== */
.light-addons-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

.light-addon-card {
    position: relative !important;
    cursor: pointer !important;
}

.light-addon-card input {
    position: absolute !important;
    opacity: 0 !important;
}

.addon-inner {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    height: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
}

.addon-ico {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.addon-info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    gap: 2px !important;
}

.addon-info strong {
    color: var(--mq-bg-dark, #1e293b) !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.addon-info small {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.custom-cb {
    position: relative !important;
    flex-shrink: 0 !important;
    width: 18px !important;
    height: 18px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.light-addons-grid .addon-ico,
.light-addons-grid .addon-ico svg,
.light-addons-grid .addon-ico i {
    color: var(--mq-gold, #d97706) !important;
    stroke: var(--mq-gold, #d97706) !important;
    fill: none !important;
}

.light-addons-grid .addon-ico svg path {
    stroke: var(--mq-gold, #d97706) !important;
}

.light-addon-card input:checked + .addon-inner {
    background-color: #fffbeb !important;
    border-color: var(--mq-gold, #d97706) !important;
}

.light-addon-card input:checked + .addon-inner .addon-info strong {
    color: var(--mq-gold, #d97706) !important;
}

.light-addon-card input:checked + .addon-inner .custom-cb {
    background-color: var(--mq-gold, #d97706) !important;
    border-color: var(--mq-gold, #d97706) !important;
}

.light-addon-card input:checked + .addon-inner .custom-cb::after {
    content: "✓" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

/* ==========================================
   RIGHT SIDEBAR SUMMARY - DARK THEME
   ========================================== */
.light-summary-box {
    position: sticky !important;
    top: 20px !important;
    padding: 20px !important;
    background-color: #0b1320 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
}

.summary-top-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

.hero-price {
    margin-bottom: 4px !important;
    color: var(--mq-gold, #d97706) !important;
    font-size: 48px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-align: left !important;
}

.hero-sub {
    margin: 0 0 20px 0 !important;
    color: #94a3b8 !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

.detail-rows {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.row-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 6px !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
}

.row-item span {
    color: #cbd5e1 !important;
    font-weight: 400 !important;
}

.row-item strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.grand-total-card {
    margin-bottom: 16px !important;
    padding: 12px !important;
    background: transparent !important;
    border: 1px solid var(--mq-gold, #d97706) !important;
    border-radius: 8px !important;
    text-align: center !important;
}

.gt-label {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.gt-price {
    margin-top: 4px !important;
    color: var(--mq-gold, #d97706) !important;
    font-size: 36px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

.light-actions {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.btn-yellow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex: 1 !important;
    padding: 12px 8px !important;
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
}

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

.btn-outline {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex: 1 !important;
    padding: 12px 8px !important;
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.btn-outline:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ffffff !important;
}

.guarantee-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #cbd5e1 !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    text-align: center !important;
}

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

/* ==========================================
   FOOTER BAR
   ========================================== */
.light-calc-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 24px !important;
    padding-top: 16px !important;
    border-top: 1px solid #e2e8f0 !important;
}

.f-item {
    color: #475569 !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

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

    /* Chuyển layout về 1 cột */
    .light-calc-body {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .light-summary-box {
        position: static !important;
    }
}

/* ==========================================
   RESPONSIVE: MOBILE NHỎ (< 576px)
   ========================================== */
@media (max-width: 576px) {
    .light-calc-wrapper {
        paddingpadding: 25px 10px !important;
        border-radius: 8px !important;
    }

    .light-calc-header {
        margin-bottom: 24px !important;
    }

    /* Đã được set chuẩn 22px đồng bộ hệ thống */
    .light-calc-header h2 {
        font-size: 22px !important;
    }

    .light-calc-header p {
        font-size: 12.5px !important;
    }

    .light-section-title {
        font-size: 16px !important;
    }

    .step-num {
        width: 32px !important;
        height: 32px !important;
        font-size: 13.5px !important;
    }

    .light-form-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 20px !important;
    }

    .light-addons-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .addon-inner {
        padding: 10px !important;
    }

    .light-summary-box {
        padding: 16px 12px !important;
    }

    .hero-price {
        font-size: 32px !important;
    }

    .gt-price {
        font-size: 28px !important;
    }

    .light-actions {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .btn-yellow, 
    .btn-outline {
        width: 100% !important;
        padding: 12px 8px !important;
        font-size: 12px !important;
    }

    .light-calc-footer {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px 14px !important;
        margin-top: 16px !important;
        padding-top: 12px !important;
    }

    .f-item {
        font-size: 11.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3c68dce *//* ==========================================
   STYLE BẢNG BÁO GIÁ CARD (PRICE GRID UI)
   ========================================== */

.price-table-wrapper {
    width: 100% !important;
    padding: 20px 0 !important;
    background-color: transparent !important;
    font-family: inherit !important;
    color: #1e293b !important;
    box-sizing: border-box !important;
}

.price-table-wrapper * {
    box-sizing: border-box !important;
}

/* CONTAINER CHÍNH GIỮ KHUNG VIEW CHA (DESKTOP) */
.price-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 24px !important;
    background: #ffffff !important;
    border: 1px solid var(--mq-border-light, #e2e8f0) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* HEADER SECTION */
.price-header {
    text-align: center !important;
    margin-bottom: 32px !important;
}

.price-header h2 {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
}

.price-header h2 small,
.price-header h2 * {
    font-size: inherit !important;
    color: var(--mq-gold, #d97706) !important;
    font-weight: 800 !important;
}

/* SUBTITLE LINE */
.subtitle-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

.price-header .subtitle {
    font-size: 14px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    color: #475569 !important;
    line-height: 1.5 !important;
}

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

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

.price-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 18px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.price-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px -5px rgba(0, 0, 0, 0.08) !important;
}

.price-card.is-popular {
    border: 2px solid var(--mq-gold, #d97706) !important;
    background: #fffdfa !important;
    box-shadow: 0 10px 25px -5px rgba(217, 119, 6, 0.12) !important;
}

/* BADGES */
.badge-wrapper {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 8px !important;
    z-index: 1 !important;
}

.badge {
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
}

/* Badge Xanh Lá - Tươi mát, tin cậy */
.badge-green { 
    background: linear-gradient(135deg, #22c55e 0%, #15803d 100%) !important; 
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(21, 128, 61, 0.25) !important;
}

/* Badge Xanh Dương - Hiện đại, công nghệ */
.badge-blue { 
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important; 
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(29, 78, 216, 0.25) !important;
}

/* Badge Vàng Kim (Gold) - Sang trọng, nổi bật */
.badge-gold { 
    background: linear-gradient(135deg, #fbbf24 0%, var(--mq-gold, #d97706) 100%) !important; 
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.25) !important;
}

.badge-red { 
    background: linear-gradient(135deg, #ff4d4d 0%, #dc2626 100%) !important; 
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25) !important;
}

/* CARD HEADER */
.card-header {
    text-align: center !important;
    margin-bottom: 10px !important;
}

.pack-name {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    display: block !important;
    text-transform: uppercase !important;
}

.pack-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 2px 0 4px 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.pack-area {
    font-size: 13.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    min-height: 28px !important;
}

.card-thumb {
    width: 100% !important;
    height: 120px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
    background-color: #f1f5f9 !important;
}

.card-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* PRICE BLOCK */
.price-block {
    text-align: center !important;
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #cbd5e1 !important;
}

.price-from {
    font-size: 13px !important;
    color: #64748b !important;
    display: block !important;
}

.price-num {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--mq-gold, #d97706) !important;
    line-height: 1.2 !important;
}

.price-num span {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #64748b !important;
}

.price-num.contact-text {
    font-size: 18px !important;
    color: var(--mq-gold, #d97706) !important;
    margin-top: 6px !important;
}

.price-range {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 2px 0 0 0 !important;
}

.sub-badge {
    background: #fef3c7 !important;
    color: var(--mq-gold, #d97706) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    margin-bottom: 4px !important;
}

/* SPECS BOX */
.specs-box-view {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 14px !important;
}

.spec-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 6px 8px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.spec-text {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
}

.svg-ico {
    width: 18px !important;
    height: 18px !important;
    fill: var(--mq-gold, #d97706) !important;
    flex-shrink: 0 !important;
}

/* FEATURES LIST */
.features-list {
    flex: 1 1 auto !important;
    margin-bottom: 16px !important;
}

.features-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--mq-gold, #d97706) !important;
    margin: 0 0 8px 0 !important;
}

.features-list ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.features-list li {
    font-size: 13.5px !important;
    color: #334155 !important;
    margin-bottom: 6px !important;
    position: relative !important;
    padding-left: 18px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.features-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: var(--mq-gold, #d97706) !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

/* BUTTON ACTION */
.card-action {
    margin-top: auto !important;
}

.btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 10px 4px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: opacity 0.2s ease !important;
    border: none !important;
    cursor: pointer !important;
}

.btn-dark {
    background-color: var(--mq-bg-dark, #0f172a) !important;
    color: #ffffff !important;
}

.btn-gold {
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.2) !important;
}

.btn:hover { 
    opacity: 0.9 !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: 13.5px !important;
    color: #334155 !important;
    line-height: 1.5 !important;
}

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

    .price-container {
        width: 100% !important;
        max-width: none !important;
        padding: 16px !important;
    }

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

/* ==========================================
   RESPONSIVE: MOBILE NHỎ (< 640px)
   ========================================== */
@media (max-width: 640px) {
    .price-table-wrapper {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .price-container {
        paddingpadding: 25px 10px !important;
    }

    .price-header {
        margin-bottom: 20px !important;
    }

    /* Đã được set chuẩn 22px đồng bộ hệ thống */
    .price-header h2,
    .price-header h2 small { 
        font-size: 22px !important; 
    }

    .subtitle-wrapper { 
        max-width: 100% !important; 
        flex-direction: column !important;
        gap: 4px !important;
    }

    .price-header .subtitle {
        white-space: normal !important;
        font-size: 13px !important;
    }

    .sub-line { 
        display: none !important; 
    }

    .price-grid { 
        grid-template-columns: 1fr !important; 
        gap: 14px !important; 
    }

    .price-card {
        padding: 14px 12px !important;
    }

    .card-thumb {
        height: 140px !important;
    }

    .price-num {
        font-size: 25px !important;
    }

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

/* Tối ưu riêng cho thiết bị màn hình rất nhỏ (< 400px) */
@media (max-width: 400px) {
    .specs-box-view {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d527d49 *//* ==========================================
   STYLE: QUY TRÌNH CHUYỂN NHÀ CHUYÊN NGHIỆP
   ========================================== */

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

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

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

/* HEADER TITLES & UNDERLINE */
.nb-process-title {
    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; /* Xóa margin bottom tiêu đề */
}

/* Thanh gạch chân kéo sát tiêu đề */
.title-underline-moving {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 12px auto 30px auto !important; /* Giảm margin top xuống 6px */
}

.gold-text,
.nb-process-title span {
    color: var(--mq-gold, #d97706) !important;
    font-weight: 800 !important;
}

/* ==========================================
   GRID 6 CỘT CÓ ĐƯỜNG NỐI (DESKTOP)
   ========================================== */
.nb-process-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 12px !important;
    position: relative !important;
    margin: 10px auto 0 auto !important;
}

/* BƯỚC QUY TRÌNH */
.nb-process-step {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
}

/* ĐƯỜNG LINE NỐI GIỮA CÁC VÒNG TRÒN (DESKTOP) */
.nb-process-step:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    top: 27px !important;
    left: 50% !important;
    width: 100% !important;
    height: 2px !important;
    background: var(--mq-gold, #d97706) !important;
    z-index: -1 !important;
}

/* VÒNG TRÒN SỐ */
.nb-step-number {
    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;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--mq-gold, #d97706) !important;
    margin-bottom: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s ease !important;
}

.nb-process-step:hover .nb-step-number {
    background: var(--mq-gold, #d97706) !important;
    color: #ffffff !important;
    transform: scale(1.08) !important;
}

/* TIÊU ĐỀ BƯỚC */
.nb-process-step h3 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0 0 6px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
    line-height: 1.3 !important;
}

/* MÔ TẢ BƯỚC */
.nb-process-step p {
    font-size: 13.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    padding: 0 4px !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;
        margin-top: 16px !important;
    }

    .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 10px auto !important;
    }

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

    .nb-step-number {
        width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }

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

    .nb-process-step p {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-68a3ce7 *//* ==========================================================================
   SECTION THƯ VIỆN HÌNH Ảnh - CARD UI & RESPONSIVE CHUẨN LỀ 10PX
   ========================================================================== */

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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


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

    .mq-gallery-item {
        border-radius: 6px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-27d1e69 *//* ==========================================
   STYLE BẢNG BÁO GIÁ CHI TIẾT (GRID BORDER UI)
   ========================================== */

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

.nb-price-section {
    font-family: inherit !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    line-height: 1.5 !important;
    margin: 20px 0 !important;
    width: 100% !important;
}

/* 1. CONTAINER CHÍNH GIỮ KHUNG VIEW CHA (DESKTOP) */
.nb-price-container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 24px !important;
    background: #ffffff !important;
    border: 1px solid var(--mq-border-light, #e2e8f0) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================
   STYLE MAIN TITLE
   ========================================== */
.nb-price-main-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
    width: 100% !important;
}

.nb-price-main-title svg {
    flex-shrink: 0 !important;
}

.nb-price-main-title h2 {
    margin: 0 !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;
    line-height: 1.3 !important;
}

.nb-price-main-title h2 span {
    color: var(--mq-gold, #d97706) !important;
}

.title-underline-price {
    width: 50px !important;
    height: 4px !important;
    background-color: var(--mq-gold, #d97706) !important;
    border-radius: 2px !important;
    margin: 10px auto 30px auto !important; /* Giảm margin top xuống 6px */
}

/* ==========================================
   2. KHUNG THẺ CARD BÊN NGOÀI
   ========================================== */
.nb-price-card {
    background: var(--mq-white, #ffffff) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid var(--mq-border-light, #e2e8f0) !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
}

.nb-price-card:last-child {
    margin-bottom: 0 !important;
}

.nb-price-card.full-width {
    width: 100% !important;
}

/* ==========================================
   3. HEADER BẢNG GIÁ
   ========================================== */
.nb-price-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

.nb-price-card-header .step-num {
    background: var(--mq-gold, #d97706) !important;
    color: var(--mq-white, #ffffff) !important;
    font-weight: 700 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
}

.nb-price-card-header h3 {
    margin: 0 !important;
    font-size: 18px !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
}

.nb-price-card-header p {
    margin: 2px 0 0 0 !important;
    font-size: 14px !important;
    color: #64748b !important;
    font-style: italic !important;
}

/* ==========================================
   4. XỬ LÝ BẢNG CÓ BORDER LƯỚI CHI TIẾT
   ========================================== */
.nb-table-responsive {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 8px !important;
    border: none !important;
}

.nb-price-table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    text-align: center !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden !important;
}

/* STYLE LƯU Ý / GHI CHÚ TRONG BẢNG */
.table-note {
    font-style: italic !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.table-note .note-icon {
    font-style: normal !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

/* THANH TIÊU ĐỀ CỘT (TH) */
.nb-price-table th {
    background-color: var(--mq-bg-dark, #0f172a) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 14px 16px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-bottom: 1px solid #cbd5e1 !important;
    border-left: none !important;
}

.nb-price-table th:last-child {
    border-right: none !important;
}

/* Ô DỮ LIỆU BẢNG (TD) */
.nb-price-table td {
    padding: 14px 16px !important;
    vertical-align: middle !important;
    word-break: break-word !important;
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-left: none !important;
}

.nb-price-table td:last-child {
    border-right: none !important;
}

.nb-price-table tbody tr:last-child td {
    border-bottom: none !important;
}

/* CỘT ĐẦU TIÊN: CĂN GIỮA DỒNG BỘ */
.nb-price-table td:first-child,
.nb-price-table td:first-child strong {
    font-weight: 700 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    text-align: center !important;
}

/* CÁC CỘT GIÁ TRỊ CÒN LẠI: CĂN GIỮA */
.nb-price-table td:not(:first-child) {
    color: #334155 !important;
    text-align: center !important;
}

/* ==========================================
   5. GRID LAYOUT 3 BẢNG DƯỚI
   ========================================== */
.nb-price-grid-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

/* ==========================================
   6. LƯU Ý BÊN DƯỚI (CẢNH BÁO)
   ========================================== */
.nb-price-warning {
    background: #fffbf5 !important;
    border: 1px solid var(--mq-border-light, #e2e8f0) !important;
    border-left: 4px solid var(--mq-gold, #d97706) !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 10px !important;
    width: 100% !important;
}

.nb-price-warning .warning-icon {
    background: var(--mq-gold, #d97706) !important;
    color: var(--mq-white, #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;
}

.nb-price-warning p {
    margin: 0 !important;
    font-size: 14px !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    line-height: 1.6 !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    /* Khung chứa cha tự căn lề 2 bên 10px */
    .nb-price-container {
        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: 16px !important;
    }

    .nb-price-grid-3 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .nb-price-card {
        padding: 16px !important;
        margin-bottom: 16px !important;
    }
}

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

    .nb-price-main-title {
        gap: 8px !important;
    }

    .nb-price-main-title h2 {
        font-size: 22px !important;
    }
    

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

    .nb-price-card-header {
        gap: 10px !important;
        margin-bottom: 14px !important;
    }

    .nb-price-card-header .step-num {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
    }

    .nb-price-card-header h3 {
        font-size: 15px !important;
    }

    .nb-price-table th, 
    .nb-price-table td {
        padding: 10px 8px !important;
        font-size: 13px !important;
    }

    .nb-price-warning {
        padding: 12px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d2e3f84 *//* ==========================================
   STYLE CAO CẤP: CÁC YẾU TỐ & BÁO GIÁ THAM KHẢO
   ========================================== */

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

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

.nb-factors-container {
    display: grid !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    gap: 24px !important;
    align-items: stretch !important;
}

/* ==========================================
   KHUNG CARD CHÍNH
   ========================================== */
.nb-card-box {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    padding: 28px !important;
    display: flex !important;
    flex-direction: column !important;
}

.nb-card-header {
    margin-bottom: 20px !important;
}

.nb-card-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0 0 4px 0 !important;
    letter-spacing: -0.2px !important;
    text-transform: uppercase !important;
}

.nb-card-subtitle {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
    font-style: italic !important;
}

.nb-badge {
    display: inline-block !important;
    background: #fef3c7 !important;
    color: #b45309 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    margin-bottom: 6px !important;
    letter-spacing: 0.5px !important;
}

/* ==========================================
   BÊN TRÁI: GRID CÁC YẾU TỐ
   ========================================== */
.nb-factors-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
}

.nb-factor-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.nb-factor-item:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-2px) !important;
}

.nb-factor-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    background: #ffffff !important;
    color: var(--mq-gold, #d97706) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #edf2f7 !important;
}

.nb-factor-info h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin: 0 0 2px 0 !important;
}

.nb-factor-info p {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* ==========================================
   BÊN PHẢI: BANNER & BẢNG BÁO GIÁ
   ========================================== */
.nb-sample-banner {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    color: #ffffff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 16px !important;
}

.nb-sample-meta h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 6px 0 !important;
}

.nb-sample-route {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: var(--mq-gold, #f59e0b) !important;
    font-weight: 600 !important;
    margin: 0 0 10px 0 !important;
}

.nb-tags {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.nb-tags span {
    background: rgba(255, 255, 255, 0.1) !important;
    font-size: 14px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #cbd5e1 !important;
}

/* BẢNG DỊCH VỤ - HIGHLIGHT HEADER */
.nb-table-container {
    margin-bottom: 16px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.nb-sample-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    font-size: 14px !important;
}

.nb-sample-table thead tr {
    background-color: #e2e8f0 !important;
}

.nb-sample-table th {
    font-size: 14px !important;
    color: #1e293b !important;
    font-weight: 800 !important;
    padding: 10px 12px !important;
    border: none !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.nb-sample-table td {
    padding: 9px 12px !important;
    border: none !important;
    color: #334155 !important;
    font-weight: 500 !important;
}

/* CĂN PHẢI CỘT GIÁ */
.nb-sample-table th.nb-text-right,
.nb-sample-table td.nb-text-right,
.nb-sample-table th:last-child,
.nb-sample-table td:last-child {
    text-align: right !important;
}

/* ZEBRA STRIPING CHO BẢNG */
.nb-sample-table tbody tr:nth-child(even) {
    background-color: #f8fafc !important;
}

/* TỔNG TIỀN BANNER GOLD */
.nb-total-box {
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: #ffffff !important;
    padding: 14px 18px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: auto !important;
}

.nb-total-text strong {
    display: block !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
}

.nb-total-text small {
    font-size: 12px !important;
    opacity: 0.85 !important;
}

.nb-total-num {
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE (< 991px)
   ========================================== */
@media (max-width: 991px) {
    /* Khung chứa cha tự căn lề 2 bên 10px */
    .nb-factors-section {
        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;
    }

    .nb-factors-container {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* ==========================================
   RESPONSIVE: MOBILE NHỎ (< 576px)
   ========================================== */
@media (max-width: 576px) {
    .nb-card-box {
        padding: 18px 14px !important;
    }
    
    .nb-factors-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .nb-total-box {
        flex-direction: column !important;
        text-align: center !important;
        gap: 6px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7411e3 *//* ==========================================
   STYLE: CAM KẾT TỪ NB LOGISTICS (DARK BLUE THEME)
   ========================================== */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .nb-why-card p {
        font-size: 11.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ff44ddb *//* ==========================================
   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: 1200px !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-05b5107 *//* ==========================================
   FAQ SHORTCODE STYLES (ĐỒNG BỘ BRANDING)
   ========================================== */
.nb-faq-section {
    width: 100% !important;
    padding: 20px 0 !important;
    background-color: transparent !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}

.nb-faq-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid var(--mq-border-light, #e2e8f0) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.nb-faq-title {
    text-align: center !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
}

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

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

/* Grid 2 cột Desktop */
.nb-faq-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
    
}

.nb-faq-column {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 6px 16px !important;
    box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.1) !important;
}

/* Items */
.nb-faq-item {
    border-bottom: 1px solid #f1f5f9 !important;
    transition: all 0.2s ease !important;
}

.nb-faq-column .nb-faq-item:last-child {
    border-bottom: none !important;
}

/* Header Tiêu đề câu hỏi */
.nb-faq-question {
    padding: 14px 6px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    cursor: pointer !important;
    list-style: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    user-select: none !important;
}

.nb-faq-question::-webkit-details-marker {
    display: none !important;
}

.nb-faq-question strong {
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    margin-right: 2px !important;
}

/* Mũi tên xoay */
.nb-faq-arrow {
    flex-shrink: 0 !important;
    color: #64748b !important;
    transition: transform 0.3s ease !important;
}

.nb-faq-item[open] .nb-faq-arrow {
    transform: rotate(180deg) !important;
    color: var(--mq-bg-dark, #1e293b) !important;
}

/* Nội dung câu trả lời */
.nb-faq-answer {
    padding: 0 6px 14px 6px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
}

.nb-faq-answer p {
    margin: 0 !important;
}

/* ==========================================
   MOBILE & RESPONSIVE FAQ (< 991px)
   ========================================== */
@media (max-width: 991px) {
    /* Ép khung chứa cha cách 2 mép màn hình đúng 10px */
    .nb-faq-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;
    }

    .nb-faq-container {
        width: 100% !important;
        padding: 16px !important;
    }

    /* Chuyển grid 2 cột về 1 cột */
    .nb-faq-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (max-width: 576px) {
    
    .nb-faq-container {
        padding: 25px 10px !important;
    }
    
    .nb-faq-title {
        font-size: 22px !important;
    }

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

    .nb-faq-column {
        padding: 4px 10px !important;
        border-radius: 8px !important;
    }

    .nb-faq-question {
        font-size: 14px !important;
        padding: 12px 4px !important;
    }
    
    .nb-faq-answer {
        font-size: 13.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46bd62d *//* ==========================================
   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-2d345a4 *//* ==========================================
   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-0662651 *//* ==========================================
   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 */