.elementor-1708 .elementor-element.elementor-element-0585a15{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1708 .elementor-element.elementor-element-0585a15:not(.elementor-motion-effects-element-type-background), .elementor-1708 .elementor-element.elementor-element-0585a15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1708 .elementor-element.elementor-element-bac0594{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-bc7c5bd{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-30b7d88{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-91eef7e{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-70ce1e4{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-1ccf325{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-c2c5697{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-565ad66{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-0f84e88{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-ce98f9d{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-aca4152{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-eeb0cd8{width:100%;max-width:100%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-bac0594 *//* Khung Wrapper chính - Tự căn sát lề Y=0 vì Header là absolute */
.mq-hero-perfect-wrapper {
    width: 100% !important;
    min-height: 80vh !important; /* Cao độ 80vh theo cấu trúc của anh */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    margin-top: 0 !important; 
    
    /* Đẩy nội dung khối chữ xuống dưới để né thanh menu */
    padding-top: 60px !important; 
    padding-bottom: 0 !important;
}

/* LỚP PHỦ MỜ GRADIENT ĐỂ NỔI BẬT CHỮ TRẮNG CHUẨN GỐC */
.mq-hero-perfect-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        to right, 
        rgba(6, 13, 26, 0.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;
}

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

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

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

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

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

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

/* Nút vàng: Chuyển màu chữ tối để giống thiết kế gốc */
.mq-btn-gold-action {
    font-family: 'Inter', sans-serif !important;
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: var(--mq-white) !important;
    color: #111111 !important; 
    font-weight: 700 !important;
    cursor: pointer !important;
    padding: 14px 30px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: opacity 0.3s ease !important;
    display: inline-block !important;
}

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

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

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

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

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

/* Ép màu vàng var(--mq-gold, #d97706) cho các SVG Icon */
.mq-hero-card-icon { 
    font-size: 24px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mq-hero-card-icon svg {
    stroke: var(--mq-gold, #d97706) !important;
}

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

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

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

@media (max-width: 768px) {
    .mq-hero-perfect-wrapper { min-height: auto !important; height: auto !important; }
    .mq-hero-perfect-inside { padding-top: 120px !important; padding-bottom: 40px !important; }
    .mq-hero-content-left { text-align: center !important; align-items: center !important; margin: 0 auto !important; }
    .mq-hero-action-buttons { justify-content: center !important; flex-direction: column !important; width: 100% !important; }
    .mq-btn-gold-action, .mq-btn-outline-action { width: 100% !important; text-align: center !important; }
    .mq-hero-main-title { font-size: 28px !important; }
    .mq-hero-footer-stats-bar { padding: 0 15px 30px 15px !important; }
    .mq-hero-stats-grid-layout { grid-template-columns: repeat(1, 1fr) !important; border-radius: 12px !important; }
    
    /* Căn dọc Icon & Text giữa khung 100% giống Hình 2 */
    .mq-hero-stat-card-item { 
        flex-direction: column !important; 
        justify-content: center !important; 
        text-align: center !important;
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bc7c5bd *//* ==========================================================================
   ABOUT SECTION - REFACTORED (DESKTOP, TABLET & MOBILE)
   ========================================================================== */

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

/* KHUNG NGOÀI CÙNG */
.nb-about-section {
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 36px 32px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* KHUNG CHỨA BÊN TRONG */
.nb-about-container {
    width: 100% !important;
    padding: 0 !important;
}

/* CẤU TRÚC HÀNG BẰNG FLEXBOX */
.nb-about-row {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
}

/* PHÂN CHIA CỘT CHUẨN DESKTOP */
.nb-about-col.col-image { 
    width: 38% !important; 
    padding-right: 24px !important; 
}

.nb-about-col.col-content { 
    width: 40% !important; 
    padding: 0 24px !important; 
    border-left: 1px solid #f1f5f9 !important;
}

.nb-about-col.col-counters { 
    width: 22% !important; 
    padding-left: 24px !important; 
    border-left: 1px solid #f1f5f9 !important; 
}

/* ================= CỘT 1: HÌNH ẢNH ================= */
.nb-about-img-wrapper {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

.nb-about-img-wrapper img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* ================= CỘT 2: NỘI DUNG ================= */
.nb-about-subtitle {
    display: block !important;
    color: var(--mq-gold, #d97706) !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    line-height: 1.1 !important;
}

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

.nb-about-desc {
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
}

/* DANH SÁCH TÍNH NĂNG & FIX LỖI SVG ICON */
.nb-about-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.nb-about-features li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
}

.nb-about-features li .feature-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

/* ÉP HIỂN THỊ SVG TRONG LIST FEATURES */
.nb-about-features li .feature-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    stroke: var(--mq-gold, #d97706) !important;
}

.nb-about-features li .feature-text {
    color: var(--mq-bg-dark, #1e293b) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    padding-left: 0 !important;
}

/* NÚT XEM THÊM */
.nb-about-btn-wrap {
    margin-top: 15px !important;
}

.nb-about-btn {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px rgba(170, 124, 17, 0.25) !important;
    transition: filter 0.2s ease !important;
}

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

/* ================= CỘT 3: COUNTERS ================= */
.nb-counter-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
}

.counter-item {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.counter-item .counter-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
    color: var(--mq-gold, #d97706) !important;
}

.counter-item .counter-icon svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    stroke: var(--mq-gold, #d97706) !important;
}

.counter-item .counter-data {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 10px !important;
}

.counter-item .counter-data h3 {
    margin: 0 0 2px 0 !important;
    color: var(--mq-bg-dark, #1e293b) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

.counter-item .counter-data p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

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

/* TABLET (<= 991px) */
@media (max-width: 991px) {
    .nb-about-section {
        width: calc(100% - 20px) !important; /* Tạo khoảng lề 10px 2 bên màn hình */
        margin: 16px auto !important;
        padding: 25px 10px !important; /* Lề trong 10px */
    }

    .nb-about-row {
        flex-direction: column !important;
    }

    .nb-about-col.col-image,
    .nb-about-col.col-content,
    .nb-about-col.col-counters {
        width: 100% !important;
        padding: 0 !important;
        border-left: none !important;
    }

    .nb-about-col.col-image {
        margin-bottom: 16px !important;
    }

    .nb-about-col.col-content {
        margin-bottom: 20px !important;
        border-bottom: 1px solid #f1f5f9 !important;
        padding-bottom: 20px !important;
    }

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

/* MOBILE (<= 576px) */
@media (max-width: 576px) {
    .nb-about-section {
        width: calc(100% - 20px) !important; /* Khoảng lề ngoài 10px chuẩn xác */
        margin: 10px auto !important;
        padding: 25px 10px !important; /* Lề trong 10px */
    }

    .nb-about-subtitle {
        font-size: 20px !important;
        margin-bottom: 8px !important;
    }

    .nb-about-title {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }

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

    .nb-about-btn {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        padding: 12px 16px !important;
    }

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

    .counter-item {
        background: #f8fafc !important;
        padding: 10px 8px !important;
        border-radius: 8px !important;
        border: 1px solid #f1f5f9 !important;
    }

    .counter-item .counter-data h3 {
        font-size: 17px !important;
    }

    .counter-item .counter-data p {
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-30b7d88 */:root {
    --mq-gold: #d4a359;
    --mq-white: #ffffff;
    --mq-text-main: #1e293b;
    --mq-text-muted: #555555;
    --mq-border-card: #f0f2f5;
}


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

.mq-services-container-inside {
   max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 36px 32px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* NÚT XEM CHI TIẾT DẠNG BUTTON BO TRÒN GRADIENT */
.mq-service-readmore-btn {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #d4af37, #aa7c11) !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    margin-top: auto !important;
    display: inline-block !important;
    padding: 12px 20px !important;
    border-radius: 50px !important; /* Bo tròn tràn viền dạng pill */
    box-shadow: 0 4px 10px rgba(170, 124, 17, 0.25) !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.mq-service-readmore-btn:hover {
    color: #ffffff !important;
    filter: brightness(0.9) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 14px rgba(170, 124, 17, 0.35) !important;
}

/* ================= RESPONSIVE ĐA THIẾT BỊ MƯỢT MÀ ================= */
@media (max-width: 991px) {
    .mq-services-container-inside {
        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;
    }

    .mq-services-grid-layout {
        grid-template-columns: repeat(2, 1fr) !important; /* Chuyển về 2 cột trên Tablet */
        gap: 30px !important;
    }
}

@media (max-width: 576px) {
    .mq-services-container-inside {
        padding: 25px 10px !important;
        border-radius: 8px !important;
    }

    .mq-services-grid-layout {
        grid-template-columns: 1fr !important; /* Chuyển hẳn về 1 cột trên Mobile */
        gap: 35px !important;
    }
    .mq-services-header-title h2 {
        font-size: 22px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-91eef7e *//* ==========================================
   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: #0f172a  !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 {
        padding: 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-70ce1e4 *//* ==========================================
   STYLE: NHỮNG CON SỐ ẤN TƯỢNG (NẰM NGANG)
   ========================================== */

.nb-stats-section,
.nb-stats-section * {
    box-sizing: border-box !important;
}

.nb-stats-section {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 0 !important;
}

.nb-stats-container {
    background: #0f172a !important; /* Tone nền tối sang trọng */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 30px 24px !important;
    box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.3) !important;
}

/* HEADER TIÊU ĐỀ */
.nb-stats-title {
    text-align: center !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.nb-stats-title .white-text {
    color: #ffffff !important;
}

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

/* THANH UNDERLINE BÊN DƯỚI */
.nb-stats-container .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;
}

/* GRID 6 CỘT DESKTOP */
.nb-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 16px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;

}

/* ITEM CON */
.nb-stat-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 8px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important; /* Vạch ngăn nhẹ giữa các cột */
}

.nb-stat-item:last-child {
    border-right: none !important;
}

/* ICON */
.nb-stat-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--mq-gold, #d97706) !important;
    flex-shrink: 0 !important;
}

/* THÔNG TIN SỐ & MÔ TẢ */
.nb-stat-info {
    display: flex !important;
    flex-direction: column !important;
}

.nb-stat-number {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ffffff !important; /* Con số màu trắng */
    line-height: 1.1 !important;
    margin-bottom: 4px !important;
}

.nb-stat-label {
    font-size: 13px !important;
    color: #94a3b8 !important; /* Chữ mô tả xám sáng dễ đọc */
    line-height: 1.3 !important;
    font-weight: 400 !important;
}

/* ==========================================
   RESPONSIVE: TABLET & MOBILE
   ========================================== */
@media (max-width: 991px) {
    .nb-stats-section {
        width: calc(100% - 20px) !important;
        margin: 16px 10px !important;
    }

    .nb-stats-grid {
        grid-template-columns: repeat(3, 1fr) !important; /* Tablet 3 cột */
        gap: 20px 16px !important;
    }

    .nb-stat-item {
        border-right: none !important;
        background: rgba(255, 255, 255, 0.03) !important;
        padding: 12px !important;
        border-radius: 8px !important;
    }
}

@media (max-width: 576px) {
    .nb-stats-container {
        padding: 24px 14px !important;
    }

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

    .nb-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* Mobile 2 cột */
        gap: 12px !important;
    }

    .nb-stat-number {
        font-size: 18px !important;
    }

    .nb-stat-label {
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1ccf325 */:root {
    --mq-gold: #d4a359;
    --mq-white: #ffffff;
    --mq-bg-dark: #0b1626; /* Màu nền xanh đen thẫm đồng bộ hình gốc */
}
/* ==========================================
   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;
}

/* Ẩn văn bản cũ */
.nb-process-title {
    font-size: 0 !important;
    text-align: center !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.nb-process-title * {
    display: none !important;
}

/* Chữ "QUY TRÌNH LÀM VIỆC " màu tối */
.nb-process-title::before {
    content: "QUY TRÌNH LÀM VIỆC " !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;
}

/* Chữ "CHUYÊN NGHIỆP" màu vàng */
.nb-process-title::after {
    content: "CHUYÊN NGHIỆP" !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-gold, #d97706) !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* Responsive font size cho Mobile */
@media (max-width: 576px) {
    .nb-process-title::before,
    .nb-process-title::after {
        font-size: 22px !important;
    }
}

/* 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::before,
    .nb-process-title::after {
        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-c2c5697 *//* ==========================================================================
   SECTION THƯ VIỆN HÌNH Ảnh - CARD UI & RESPONSIVE CHUẨN LỀ 10PX
   ========================================================================== */

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

.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;
    line-height: 1.3 !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;
}

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

.mq-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}

.mq-gallery-item {
    position: relative !important;
    width: 100% !important;
    padding-top: 62.5% !important;
    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 ================= */
@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;
    }

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

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

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

    .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-ce0536d *//* ==========================================
   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-565ad66 *//* ==========================================
   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-0f84e88 *//* ==========================================
   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-ce98f9d *//* ==========================================
   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://alomoving.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-aca4152 *//* ==========================================
   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-eeb0cd8 *//* ==========================================
   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 */