.elementor-9679 .elementor-element.elementor-element-10fe5074{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-9679 .elementor-element.elementor-element-10fe5074:not(.elementor-motion-effects-element-type-background), .elementor-9679 .elementor-element.elementor-element-10fe5074 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9679 .elementor-element.elementor-element-42dfb95{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;}.elementor-9679 .elementor-element.elementor-element-c490d5e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9679 .elementor-element.elementor-element-c490d5e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9679 .elementor-element.elementor-element-a14f1f4{margin:0030px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9679 .elementor-element.elementor-element-adbfb99{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--margin-top:023px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9679 .elementor-element.elementor-element-b9a0c96 .elementor-button{background-color:var( --e-global-color-secondary );box-shadow:0px -100px 10px 0px rgba(0,0,0,0.5);border-style:none;}.elementor-9679 .elementor-element.elementor-element-9cb53bb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;}.elementor-9679 .elementor-element.elementor-element-4a618fc .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Roboto";font-weight:500;box-shadow:0px -100px 10px 0px rgba(0,0,0,0.5);border-style:none;}#elementor-popup-modal-9679 .dialog-widget-content{animation-duration:0.5s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-9679 .dialog-message{width:400px;height:100vh;align-items:flex-start;}#elementor-popup-modal-9679{justify-content:flex-start;align-items:center;pointer-events:all;}#elementor-popup-modal-9679 .dialog-close-button{display:flex;top:3.3%;font-size:18px;}body:not(.rtl) #elementor-popup-modal-9679 .dialog-close-button{right:6.6%;}body.rtl #elementor-popup-modal-9679 .dialog-close-button{left:6.6%;}#elementor-popup-modal-9679 .dialog-close-button i{color:#ffffff;}#elementor-popup-modal-9679 .dialog-close-button svg{fill:#ffffff;}@media(min-width:768px){.elementor-9679 .elementor-element.elementor-element-c490d5e{--width:49%;}}@media(max-width:767px){.elementor-9679 .elementor-element.elementor-element-10fe5074{--width:500px;--min-height:0px;--justify-content:center;}.elementor-9679 .elementor-element.elementor-element-42dfb95{--justify-content:flex-start;}.elementor-9679 .elementor-element.elementor-element-4a618fc.elementor-element{--align-self:center;}.elementor-9679 .elementor-element.elementor-element-4a618fc .elementor-button{font-size:1px;}#elementor-popup-modal-9679{justify-content:center;align-items:center;}}/* Start custom CSS for container, class: .elementor-element-adbfb99 *//* --- 1. ĐƯA NÚT BUTTON VÀO GÓC --- */
.elementor-9679 .elementor-element.elementor-element-adbfb99 .nut-dong-popup {
    position: absolute !important;
    top: 20px;       
    right: 20px;     
    z-index: 9999; /* Ưu tiên bấm số 1 */
    background: transparent !important; /* Đảm bảo không có nền */
}

/* Chỉnh lại nút cho gọn gàng (nếu lỡ nút bị to) */
.elementor-9679 .elementor-element.elementor-element-adbfb99 .nut-dong-popup .elementor-button {
    padding: 5px 10px !important;
    background: transparent !important;
}

/* Hiệu ứng khi rê chuột: Chữ đậm lên */
.elementor-9679 .elementor-element.elementor-element-adbfb99 .nut-dong-popup .elementor-button:hover {
    color: #000 !important;
    text-decoration: underline;
    background: transparent !important;
}

/* --- 2. CẤU TRÚC KHUNG POPUP --- */
.elementor-9679 .elementor-element.elementor-element-adbfb99 {
    background-color: #ffffff !important;
    padding: 50px 30px 30px 30px !important; /* Chừa chỗ cho nút */
    position: relative;
}

/* --- 3. ĐƯỜNG KẺ NGĂN CÁCH --- */
.elementor-9679 .elementor-element.elementor-element-adbfb99 .elementor-widget-shortcode,
.elementor-9679 .elementor-element.elementor-element-adbfb99 .elementor-widget-wp-widget-nav_menu {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

.elementor-9679 .elementor-element.elementor-element-adbfb99 .elementor-widget-shortcode:last-child {
    border-bottom: none !important;
}

/* --- 4. TRANG TRÍ CHỮ KHÁC --- */
.elementor-9679 .elementor-element.elementor-element-adbfb99 h2, .elementor-9679 .elementor-element.elementor-element-adbfb99 h3, .elementor-9679 .elementor-element.elementor-element-adbfb99 .widget-title {
    font-family: "Helvetica Neue", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    color: #999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cb53bb *//* --- 1. ĐƯA NÚT BUTTON RA GIỮA (CENTER) --- */
.elementor-9679 .elementor-element.elementor-element-9cb53bb .nut-dong-popup {
    position: absolute !important;
    top: 20px;       
    /* Công thức căn giữa tuyệt đối: */
    left: 50% !important;        
    transform: translateX(-50%) !important; 
    right: auto !important;      /* Xóa lệnh căn phải cũ */
    
    z-index: 9999; 
    background: transparent !important; 
    width: max-content !important; /* Đảm bảo khung nút ôm sát chữ */
}

/* Chỉnh lại nút cho gọn gàng */
.elementor-9679 .elementor-element.elementor-element-9cb53bb .nut-dong-popup .elementor-button {
    padding: 5px 10px !important;
    background: transparent !important;
}

/* Hiệu ứng khi rê chuột */
.elementor-9679 .elementor-element.elementor-element-9cb53bb .nut-dong-popup .elementor-button:hover {
    color: #000 !important;
    text-decoration: underline;
    background: transparent !important;
}

/* --- 2. CẤU TRÚC KHUNG POPUP --- */
.elementor-9679 .elementor-element.elementor-element-9cb53bb {
    background-color: #ffffff !important;
    /* Tăng padding-top lên 60px để nút ở giữa không đè vào nội dung bên dưới */
    padding: 60px 30px 30px 30px !important; 
    position: relative;
}

/* --- 3. ĐƯỜNG KẺ NGĂN CÁCH --- */
.elementor-9679 .elementor-element.elementor-element-9cb53bb .elementor-widget-shortcode,
.elementor-9679 .elementor-element.elementor-element-9cb53bb .elementor-widget-wp-widget-nav_menu {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

.elementor-9679 .elementor-element.elementor-element-9cb53bb .elementor-widget-shortcode:last-child {
    border-bottom: none !important;
}

/* --- 4. TRANG TRÍ CHỮ KHÁC --- */
.elementor-9679 .elementor-element.elementor-element-9cb53bb h2, .elementor-9679 .elementor-element.elementor-element-9cb53bb h3, .elementor-9679 .elementor-element.elementor-element-9cb53bb .widget-title {
    font-family: "Helvetica Neue", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    color: #999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10fe5074 *//* =========================================
   CSS CHO GIAO DIỆN DESKTOP & TABLET
========================================= */

/* --- 1. CẤU TRÚC KHUNG POPUP --- */
.elementor-9679 .elementor-element.elementor-element-10fe5074 {
    background-color: #ffffff !important;
    /* Padding trên 50px cho desktop để chừa chỗ nút */
    padding: 50px 30px 30px 30px !important; 
    position: relative;
}

/* --- 2. NÚT "ẨN BỘ LỌC" (BUTTON WIDGET) --- */
.elementor-9679 .elementor-element.elementor-element-10fe5074 .nut-dong-popup {
    position: absolute !important;
    top: 20px;       
    right: 20px;     
    z-index: 9999;
    background: transparent !important; /* Không màu nền */
}

/* Reset style của nút để trông như văn bản */
.elementor-9679 .elementor-element.elementor-element-10fe5074 .nut-dong-popup .elementor-button {
    padding: 5px 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Style chữ bên trong nút */
.elementor-9679 .elementor-element.elementor-element-10fe5074 .nut-dong-popup .elementor-button-text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    color: #888 !important; /* Màu xám */
    letter-spacing: 1px;
}

/* Hiệu ứng khi di chuột */
.elementor-9679 .elementor-element.elementor-element-10fe5074 .nut-dong-popup .elementor-button:hover .elementor-button-text {
    color: #000 !important; /* Đổi màu đen */
    text-decoration: underline;
}

/* --- 3. ĐỊNH DẠNG TIÊU ĐỀ CÁC MỤC --- */
.elementor-9679 .elementor-element.elementor-element-10fe5074 h2, .elementor-9679 .elementor-element.elementor-element-10fe5074 h3, .elementor-9679 .elementor-element.elementor-element-10fe5074 h4, .elementor-9679 .elementor-element.elementor-element-10fe5074 .widget-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #999 !important; 
    margin-bottom: 15px !important;
    margin-top: 20px !important; /* Thêm khoảng cách trên */
}

/* --- 4. ĐƯỜNG GẠCH NGANG PHÂN CÁCH --- */
.elementor-9679 .elementor-element.elementor-element-10fe5074 .elementor-widget-shortcode, 
.elementor-9679 .elementor-element.elementor-element-10fe5074 .widget,
.elementor-9679 .elementor-element.elementor-element-10fe5074 .elementor-widget-wp-widget-nav_menu {
    border-bottom: 1px solid #e0e0e0; /* Màu đường kẻ */
    padding-bottom: 25px !important;
    margin-bottom: 25px !important;
}

.elementor-9679 .elementor-element.elementor-element-10fe5074 .elementor-widget-shortcode:last-child,
.elementor-9679 .elementor-element.elementor-element-10fe5074 .widget:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* --- 5. CHECKBOX VÀ DANH SÁCH --- */
.elementor-9679 .elementor-element.elementor-element-10fe5074 ul, .elementor-9679 .elementor-element.elementor-element-10fe5074 li { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.elementor-9679 .elementor-element.elementor-element-10fe5074 li { margin-bottom: 10px !important; font-size: 14px !important; color: #333 !important; display: flex; align-items: center; }
.elementor-9679 .elementor-element.elementor-element-10fe5074 label, .elementor-9679 .elementor-element.elementor-element-10fe5074 a { color: #333 !important; font-weight: 400 !important; text-decoration: none !important; }
.elementor-9679 .elementor-element.elementor-element-10fe5074 input[type="checkbox"] { accent-color: #000 !important; margin-right: 10px !important; border: 1px solid #ccc !important; width: 15px; height: 15px; }


/* =========================================
   CSS RIÊNG CHO MOBILE (KHẮC PHỤC LỖI VỆT XÁM)
========================================= */
@media only screen and (max-width: 767px) {
    /* 1. Giảm padding-top để loại bỏ khoảng trống gây ra vệt xám */
    .elementor-9679 .elementor-element.elementor-element-10fe5074 {
        padding-top: 25px !important; /* Giảm từ 50px xuống 25px */
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* 2. Điều chỉnh lại vị trí nút ẩn cho cân đối trên mobile */
    .elementor-9679 .elementor-element.elementor-element-10fe5074 .nut-dong-popup {
        top: 15px !important;
        right: 15px !important;
    }

    /* 3. Đảm bảo tiêu đề đầu tiên không bị dính sát lên trên */
    .elementor-9679 .elementor-element.elementor-element-10fe5074 .elementor-widget-heading:first-child,
    .elementor-9679 .elementor-element.elementor-element-10fe5074 h2:first-of-type {
        margin-top: 10px !important;
    }
}/* End custom CSS */