.elementor-2383 .elementor-element.elementor-element-34b80c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2383 .elementor-element.elementor-element-2cdf5c8{padding:0px 0px 0px 0px;}.elementor-2383 .elementor-element.elementor-element-83c0e57{padding:0px 0px 0px 0px;}.elementor-2383 .elementor-element.elementor-element-e0a01b7{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2383 .elementor-element.elementor-element-6885eee{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2383 .elementor-element.elementor-element-dccc2b3{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2383 .elementor-element.elementor-element-38c9ddc{padding:0px 0px 0px 0px;}.elementor-2383 .elementor-element.elementor-element-1685731{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2383 .elementor-element.elementor-element-b6de9bd{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2383 .elementor-element.elementor-element-18bd79e{width:100%;max-width:100%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-2cdf5c8 *//* ================= BANNER LIÊN HỆ WRAPPER (NGUYÊN BẢN CỦA ANH) ================= */
.mq-hero-perfect-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;
    margin-top: 0 !important; 
    /* Tăng padding-top trên Desktop để đẩy toàn bộ chữ tránh xa Header Menu */
    padding-top: 140px !important; 
    padding-bottom: 0 !important;
    z-index: 1 !important; /* Đảm bảo banner nằm dưới Header */
}

/* Lớp phủ Gradient mờ tối */
.mq-hero-perfect-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        to right, 
        rgba(6, 13, 26, 0.98) 0%, 
        rgba(6, 13, 26, 0.90) 35%, 
        rgba(6, 13, 26, 0.65) 55%, 
        rgba(6, 13, 26, 0.10) 100%
    ) !important;
    z-index: 1 !important;
}

/* Container nội dung 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;
}

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

/* Breadcrumb */
.mq-banner-breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}
.mq-banner-breadcrumb a { color: rgba(255, 255, 255, 0.7) !important; text-decoration: none !important; }
.mq-banner-breadcrumb a:hover { color: var(--mq-gold, #d4af37) !important; }
.mq-breadcrumb-separator { color: rgba(255, 255, 255, 0.4) !important; }
.mq-breadcrumb-current { color: var(--mq-gold, #d4af37) !important; font-weight: 600 !important; }

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

.mq-contact-subtitle {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.mq-hero-main-title {
    font-family: 'Inter', sans-serif !important;
    color: var(--mq-gold, #d4af37) !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 0 20px 0 !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !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 30px 0 !important;
    text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.8) !important;
}

/* ================= CARD THÔNG TIN BÊN DƯỚI ================= */
.mq-hero-footer-stats-bar {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px 35px 20px !important;
    box-sizing: border-box !important;
}

.mq-hero-stats-grid-layout {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; 
    width: 100% !important;
    background: rgba(11, 22, 38, 0.75) !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 25px !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 giữa các card */
.mq-hero-stat-card-item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: -10px !important;
    top: 10px !important;
    bottom: 10px !important;
    width: 1px !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

.mq-hero-card-icon { 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.mq-contact-card-info {
    display: flex !important;
    flex-direction: column !important;
}

.mq-contact-info-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
}

.mq-contact-info-val {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}

.mq-contact-info-val:hover { color: var(--mq-gold, #d4af37) !important; }

.mq-contact-info-sub {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin: 2px 0 0 0 !important;
    font-weight: 400 !important;
}

/* ================= RESPONSIVE TABLET & PHONE ================= */
@media (max-width: 1024px) {
    .mq-contact-subtitle { 
        font-size: 34px !important; 
    }
    .mq-hero-main-title { 
        font-size: 24px !important; 
    }
    .mq-hero-stats-grid-layout { 
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 20px !important; 
    }
    .mq-hero-stat-card-item::after { 
        display: none !important; 
    }
}

@media (max-width: 768px) {
    .mq-hero-perfect-wrapper { 
        min-height: auto !important; 
        /* Tăng khoảng cách lề trên Mobile để đẩy chữ qua khỏi Header Mobile */
        padding-top: 110px !important; 
    }
    .mq-hero-content-left { 
        text-align: center !important; 
        align-items: center !important; 
    }
    .mq-banner-breadcrumb { 
        justify-content: center !important; 
    }
    
    .mq-contact-subtitle { 
        font-size: 24px !important; 
        white-space: normal !important;
        word-break: break-word !important;
        letter-spacing: 0.5px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .mq-hero-main-title { 
        font-size: 20px !important; 
        line-height: 1.35 !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }
    
    .mq-hero-description-text { 
        font-size: 13.5px !important; 
        line-height: 1.5 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }
    
    .mq-hero-footer-stats-bar {
        padding: 0 10px 20px 10px !important;
    }
    
    .mq-hero-stats-grid-layout { 
        grid-template-columns: repeat(1, 1fr) !important; 
        padding: 16px !important;
        gap: 14px !important;
    }
    
    .mq-hero-stat-card-item { 
        flex-direction: row !important; 
        text-align: left !important; 
        gap: 12px !important; 
        justify-content: flex-start !important;
    }
}

@media (max-width: 480px) {
    .mq-contact-subtitle { 
        font-size: 22px !important; 
    }
    .mq-hero-main-title { 
        font-size: 18px !important; 
    }
}

/* ================= ÉP HEADER LÊN TRÊN CÙNG (DÙNG NẾU MENU VẪN BỊ BREADCRUMB ÉP) ================= */
header, 
.site-header, 
.elementor-location-header {
    position: relative !important;
    z-index: 9999 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-83c0e57 *//* =========================================
   THIẾT LẬP CHUNG & ÉP FONT INTER
   ========================================= */
.alomoving-contact-section,
.alomoving-contact-section * {
    font-family: 'Inter', sans-serif !important;
    box-sizing: border-box !important;
}

/* VIEW CHA: Thêm Border, Shadow & Radius đồng bộ với các phần trước */
.alomoving-contact-section {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 24px 20px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* KHỐI TIÊU ĐỀ TRÊN CÙNG */
.alomoving-contact-title-block {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.alomoving-contact-title-block h3 {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* MÀU VÀNG GOLD CHO CHỮ LIÊN HỆ */
.gold-text-contact {
    color: var(--mq-gold, #d97706) !important;
}

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

/* KHUNG CHỨA 2 CỘT */
.alomoving-contact-container {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px !important;
    align-items: stretch !important;
}

/* =========================================
   CỘT TRÁI - THÔNG TIN TRỤ SỞ
   ========================================= */
.alomoving-info-card {
    flex: 1 !important;
    background: #ffffff !important; /* Đổi nền nhẹ để tách biệt với View cha */
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Đổi riêng chữ MOVING sang màu vàng Gold */
.card-image-overlay h4 .highlight-gold {
    color: var(--mq-gold, #d97706) !important;
}

.card-image-box {
    position: relative !important;
    height: 160px !important;
    width: 100% !important;
}

.card-image-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.card-image-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(15, 23, 42, 0.85) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.card-image-overlay h4 {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.card-body-info {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.info-row-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 14px !important;
}

.row-icon {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 1px !important;
    flex-shrink: 0 !important;
}

.row-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: #d4af37 !important;
}

.row-content strong {
    font-size: 14px !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    display: block !important;
    margin-bottom: 2px !important;
    font-weight: 700 !important;
}

.row-content p {
    font-size: 13.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* =========================================
   CỘT PHẢI - FORM LIÊN HỆ
   ========================================= */
.alomoving-form-card {
    flex: 1.4 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 28px !important;
}

.form-grid-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    margin-bottom: 18px !important;
}

.form-field-group {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.form-field-group.width-full {
    margin-bottom: 22px !important;
}

.form-field-group label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin-bottom: 6px !important;
}

.form-field-group label .asterisk {
    color: #ef4444 !important;
    margin-left: 2px !important;
}

.form-field-group input,
.form-field-group textarea,
.form-field-group select {
    font-size: 14px !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    padding: 12px 16px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    outline: none !important;
    transition: all 0.25s ease !important;
    width: 100% !important;
}

.form-field-group select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
}

.select-wrapper {
    position: relative !important;
    width: 100% !important;
}

.select-wrapper::after {
    content: "" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #64748b !important;
    pointer-events: none !important;
}

/* HIỆU ỨNG HOVER & FOCUS ĐỔI VIỀN THÀNH GOLD #d4af37 */
.form-field-group input:hover,
.form-field-group textarea:hover,
.form-field-group select:hover,
.form-field-group input:focus,
.form-field-group textarea:focus,
.form-field-group select:focus {
    background: #ffffff !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15) !important;
}

.form-submit-row {
    display: flex !important;
    justify-content: flex-end !important;
}

/* NÚT SUBMIT NỀN GOLD #d4af37 */
.alomoving-btn-submit {
    padding: 14px 36px !important;
    background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.25) !important;
    letter-spacing: 0.5px !important;
}

.alomoving-btn-submit:hover {
    background: linear-gradient(135deg, #e5be48 0%, #c9971c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important;
}

/* =========================================
   RESPONSIVE TABLET & MOBILE (< 991px)
   ========================================= */
@media (max-width: 991px) {
    /* View cha tự thun lề 10px 2 bên trên Phone & Tablet */
    .alomoving-contact-section {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding: 24px 16px !important;
    }

    .alomoving-contact-title-block h3 {
        font-size: 24px !important;
    }

    .alomoving-contact-container {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .alomoving-info-card, 
    .alomoving-form-card {
        width: 100% !important;
    }

    .alomoving-form-card {
        padding: 20px 16px !important;
    }
}

/* =========================================
   RESPONSIVE MOBILE NHỎ (< 576px)
   ========================================= */
@media (max-width: 576px) {
    .alomoving-contact-title-block h3 {
        font-size: 22px !important;
    }

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

    /* CĂN GIỮA TIÊU ĐỀ KHỐI TRỤ SỞ CHÍNH TRÊN PHONE */
    .card-image-overlay {
        justify-content: center !important;
        text-align: center !important;
        padding: 0 10px !important;
    }

    .card-image-overlay h4 {
        font-size: 18px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .card-body-info {
        padding: 18px 16px !important;
        gap: 16px !important;
    }

    .form-grid-row {
        flex-direction: column !important;
        gap: 15px !important;
        margin-bottom: 15px !important;
    }

    .form-submit-row {
        width: 100% !important;
    }

    .alomoving-btn-submit {
        width: 100% !important;
        padding: 14px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e0a01b7 *//* =========================================
   THIẾT LẬP CHUNG & ÉP FONT INTER
   ========================================= */
.alomoving-branch-section,
.alomoving-branch-section * {
    font-family: 'Inter', sans-serif !important;
    box-sizing: border-box !important;
}

/* VIEW CHA: Đồng bộ viền và bóng đổ với toàn hệ thống Alomoving */
.alomoving-branch-section {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 24px 20px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* KHỐI TIÊU ĐỀ */
.alomoving-branch-title-block {
    text-align: center !important;
}

.alomoving-branch-title-block h3 {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

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

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

/* KHUNG CHỨA 2 CỘT */
.alomoving-branch-container {
    display: flex !important;
    flex-direction: row !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
}

/* CỘT TRÁI: BẢN ĐỒ GOOGLE MAPS */
.alomoving-map-box {
    flex: 1.3 !important;
    height: 400px !important;
    background: #e5e3df !important;
}

/* CỘT PHẢI: THÔNG TIN CHI NHÁNH */
.alomoving-branch-info {
    flex: 1 !important;
    padding: 35px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: #ffffff !important; /* Đổi sang tone nền xám nhạt đệm nhẹ */
}

/* Hàng Tên Chi Nhánh */
.branch-name-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 22px !important;
}

.branch-main-icon {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.branch-main-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: var(--mq-gold, #d97706) !important; /* Đổi màu icon chính sang Gold */
}

.alomoving-branch-info h4 {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--mq-bg-dark, #0f172a) !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* Danh Sách Dòng Thông Tin */
.branch-details-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
}

.branch-detail-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
}

.branch-detail-item.align-top {
    align-items: flex-start !important;
}

.item-icon {
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}

.item-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: #d4af37 !important; /* Đổi icon chi tiết sang tone Gold */
}

.branch-detail-item p {
    font-size: 13.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.time-text-group p {
    margin-bottom: 2px !important;
}
.time-text-group p:last-child {
    margin-bottom: 0 !important;
    font-size: 12.5px !important;
    color: #94a3b8 !important;
}

/* NÚT CHỈ ĐƯỜNG (GOLD STYLES) */
.branch-action-row {
    display: flex !important;
    justify-content: flex-start !important;
}

.alomoving-btn-direction {
    display: inline-block !important;
    padding: 11px 36px !important;
    border: 1.5px solid #d4af37 !important;
    background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%) !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
    transition: all 0.25s ease !important;
}

.alomoving-btn-direction:hover {
    background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* =========================================
   RESPONSIVE TABLET & MOBILE (< 991px)
   ========================================= */
@media (max-width: 991px) {
    .alomoving-branch-section {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding: 24px 16px !important;
    }

    .alomoving-branch-title-block h3 {
        font-size: 24px !important;
    }

    .alomoving-branch-container {
        flex-direction: column !important;
    }

    .alomoving-map-box {
        width: 100% !important;
        height: 300px !important;
    }

    .alomoving-branch-info {
        width: 100% !important;
        padding: 28px 20px !important;
    }
}

@media (max-width: 576px) {
    .alomoving-map-box {
        height: 250px !important;
    }

    .alomoving-btn-direction {
        width: 100% !important;
    }
    
    .alomoving-branch-title-block h3 {
    font-size: 22px !important;

}



.title-underline-branch {
    
    margin: 8px auto 30px auto !important;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6885eee *//* ==========================================
   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-dccc2b3 *//* ==========================================
   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-38c9ddc *//* ==========================================
   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-1685731 *//* ==========================================
   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-b6de9bd *//* ==========================================
   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-18bd79e *//* ==========================================
   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 */