.elementor-721 .elementor-element.elementor-element-d28d6d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-56938e8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-721 .elementor-element.elementor-element-3de7751{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:50px;--padding-bottom:30px;--padding-left:87px;--padding-right:87px;}.elementor-721 .elementor-element.elementor-element-3de7751:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-3de7751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://beu-edu.com/wp-content/uploads/2025/12/q-bg_1.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-721 .elementor-element.elementor-element-29f7de2{right:7%;}body.rtl .elementor-721 .elementor-element.elementor-element-29f7de2{left:7%;}.elementor-721 .elementor-element.elementor-element-29f7de2{top:5%;}.elementor-721 .elementor-element.elementor-element-29f7de2 .elementor-icon-wrapper{text-align:center;}.elementor-721 .elementor-element.elementor-element-29f7de2 .elementor-icon{font-size:18px;}.elementor-721 .elementor-element.elementor-element-29f7de2 .elementor-icon svg{height:18px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-c835182 .elementor-heading-title{font-family:"Fraunces";font-size:31px;font-weight:600;line-height:1.3em;letter-spacing:-1px;word-spacing:0px;color:var( --e-global-color-16dabcb );}.elementor-721 .elementor-element.elementor-element-dc80ae5 .elementor-heading-title{font-family:"Work Sans";font-size:20px;line-height:1.3em;color:var( --e-global-color-16dabcb );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-721 .elementor-element.elementor-element-28bafe7{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-721 .elementor-element.elementor-element-28bafe7 img{width:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-570e814 .elementor-button{background-color:var( --e-global-color-fe12982 );font-family:"Work Sans";font-size:16px;text-transform:uppercase;line-height:1.4em;padding:15px 27px 15px 27px;}.elementor-721 .elementor-element.elementor-element-570e814 .elementor-button:hover, .elementor-721 .elementor-element.elementor-element-570e814 .elementor-button:focus{background-color:var( --e-global-color-16dabcb );}.elementor-721 .elementor-element.elementor-element-ac65c5a{--display:flex;--padding-top:31px;--padding-bottom:31px;--padding-left:87px;--padding-right:87px;}.elementor-721 .elementor-element.elementor-element-ac65c5a:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-ac65c5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://beu-edu.com/wp-content/uploads/2025/12/q-bg_2.svg");background-position:top center;background-repeat:no-repeat;background-size:contain;}body:not(.rtl) .elementor-721 .elementor-element.elementor-element-4fd84cb{right:5%;}body.rtl .elementor-721 .elementor-element.elementor-element-4fd84cb{left:5%;}.elementor-721 .elementor-element.elementor-element-4fd84cb{top:8%;}.elementor-721 .elementor-element.elementor-element-4fd84cb .elementor-icon-wrapper{text-align:center;}.elementor-721 .elementor-element.elementor-element-4fd84cb .elementor-icon{font-size:18px;}.elementor-721 .elementor-element.elementor-element-4fd84cb .elementor-icon svg{height:18px;}.elementor-721 .elementor-element.elementor-element-e1abb03 .elementor-button{background-color:#C8615100;font-family:"Work Sans";font-size:16px;font-weight:500;text-transform:uppercase;line-height:1.4em;fill:var( --e-global-color-fe12982 );color:var( --e-global-color-fe12982 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-fe12982 );padding:15px 35px 15px 35px;}.elementor-721 .elementor-element.elementor-element-e1abb03 .elementor-button:hover, .elementor-721 .elementor-element.elementor-element-e1abb03 .elementor-button:focus{background-color:#F9DEB7;color:var( --e-global-color-fe12982 );border-color:var( --e-global-color-fe12982 );}body:not(.rtl) .elementor-721 .elementor-element.elementor-element-e1abb03{left:87px;}body.rtl .elementor-721 .elementor-element.elementor-element-e1abb03{right:87px;}.elementor-721 .elementor-element.elementor-element-e1abb03{bottom:41px;}.elementor-721 .elementor-element.elementor-element-e1abb03 .elementor-button:hover svg, .elementor-721 .elementor-element.elementor-element-e1abb03 .elementor-button:focus svg{fill:var( --e-global-color-fe12982 );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-721 .elementor-element.elementor-element-4a707a0{padding:30px 0px 10px 0px;--e-form-steps-indicators-spacing:0px;--e-form-steps-indicator-padding:54px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:11px;--e-form-steps-divider-gap:44px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group > label, .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-subgroup label{color:var( --e-global-color-16dabcb );}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group > label{font-family:"Fraunces";font-size:32px;font-weight:600;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-html{color:var( --e-global-color-6480861 );font-family:"Work Sans";font-size:29px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group .elementor-field, .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-subgroup label{font-family:"Work Sans";font-size:20px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-09fd5ce );border-radius:8px 8px 8px 8px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-09fd5ce );border-radius:8px 8px 8px 8px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-09fd5ce );}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button{font-family:"Work Sans";font-size:16px;text-transform:uppercase;line-height:1.4em;border-style:solid;border-width:1px 1px 1px 1px;padding:15px 35px 15px 35px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-09fd5ce );color:var( --e-global-color-secondary );border-color:var( --e-global-color-09fd5ce );}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button[type="submit"]{background-color:var( --e-global-color-09fd5ce );color:var( --e-global-color-secondary );border-color:var( --e-global-color-09fd5ce );}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-secondary );}.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__buttons__wrapper__button-previous{background-color:#FFFFFF00;color:var( --e-global-color-fe12982 );border-color:var( --e-global-color-fe12982 );}.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__buttons__wrapper__button-previous:hover{background-color:var( --e-global-color-9f37493 );color:#B05B3B;}.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators__indicator, .elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators__indicator__label{font-family:"Fraunces";font-size:0px;font-weight:500;}#elementor-popup-modal-721 .dialog-widget-content{background-color:#FFFFFF00;}#elementor-popup-modal-721{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-721 .dialog-message{width:920px;height:auto;}@media(min-width:768px){.elementor-721 .elementor-element.elementor-element-3de7751{--width:736px;}.elementor-721 .elementor-element.elementor-element-ac65c5a{--width:100%;}}@media(max-width:767px){.elementor-721 .elementor-element.elementor-element-d28d6d8{--width:100%;}.elementor-721 .elementor-element.elementor-element-3de7751{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-721 .elementor-element.elementor-element-c835182{text-align:center;}.elementor-721 .elementor-element.elementor-element-c835182 .elementor-heading-title{font-size:28px;}.elementor-721 .elementor-element.elementor-element-ac65c5a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-721 .elementor-element.elementor-element-4fd84cb{top:4%;}body:not(.rtl) .elementor-721 .elementor-element.elementor-element-e1abb03{left:16px;}body.rtl .elementor-721 .elementor-element.elementor-element-e1abb03{right:16px;}.elementor-721 .elementor-element.elementor-element-e1abb03{bottom:20px;}.elementor-721 .elementor-element.elementor-element-e1abb03 .elementor-button{font-size:14px;line-height:1em;padding:15px 35px 15px 35px;}.elementor-721 .elementor-element.elementor-element-4a707a0{padding:30px 0px 10px 0px;--e-form-steps-divider-gap:44px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group > label{font-size:24px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-html{font-size:28px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group .elementor-field, .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-subgroup label{font-size:18px;}.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button{font-size:14px;line-height:1em;}#elementor-popup-modal-721 .dialog-message{width:90vw;}#elementor-popup-modal-721{justify-content:center;align-items:center;}}/* Start custom CSS for container, class: .elementor-element-3de7751 */.elementor-721 .elementor-element.elementor-element-3de7751 {
  
background-repeat: no-repeat;
  background-size: 100% 100% !important;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-4a707a0 */input#form-field-email, input.elementor-field-textual {
    padding: 10px !important;
}

.e-form__buttons.elementor-column.elementor-col-100 {
    margin-top: 20px;
}

/* 1. Nút Next (ở các bước giữa) nằm sát bên phải */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-next {
    margin-left: auto;
}

/* 2. Nút Submit (ở bước cuối) nằm chính giữa */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-submit {
    margin-left: auto;
    margin-right: auto;
}
/*form nút quay lại lên trên nút quay lại custom*/
button.elementor-button.elementor-size-sm.e-form__buttons__wrapper__button.e-form__buttons__wrapper__button-previous {
    z-index: 1;
}

/*Tùy chỉnh các nút*/
/* Tạo không gian chứa icon phía sau chữ Next */
/* --- TRẠNG THÁI BÌNH THƯỜNG --- */
.elementor-field-type-next button::after {
    content: '';
    display: inline-block;
    
    /* Dán link icon SVG của bạn vào đây */
    -webkit-mask-image: url('/wp-content/uploads/2025/11/right-arow.svg');
    mask-image: url('/wp-content/uploads/2025/11/right-arow.svg');
    
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

    /* Kích thước & Vị trí */
    width: 13px;
    height: 13px;
    margin-left: 10px;
    vertical-align: middle;
    transform: translateY(-1px);

    /* MÀU ICON MẶC ĐỊNH (Ví dụ: Trắng) */
    background-color: #908272; 
    
    /* Hiệu ứng chuyển màu mượt mà (0.3 giây) */
    transition: all 0.3s ease;
}

/* --- TRẠNG THÁI KHI HOVER (Di chuột vào) --- */
.elementor-field-type-next .ready-next button:hover::after {
    /* MÀU ICON KHI HOVER (Ví dụ: Vàng cam) */
    background-color: #ffffff; 
    
    /* Nếu bạn muốn icon dịch chuyển nhẹ sang phải khi hover thì giữ dòng dưới, không thì xóa đi */
    /*transform: translateX(5px);*/
}
.elementor-button-align-start .e-form__buttons
{    justify-content: space-between;
    display: flex;
}

/* Đẩy nút Next và Submit sang phải */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-next,
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-submit {
    margin-left: auto;
}
/* Căn giữa hộp số thứ tự và dùng ẢNH NỀN */
.question-number {
    display: block;
    width: 50px; /* Tăng kích thước lên một chút cho hợp với ảnh */
    height: 50px;
    line-height: 50px;
    
    /* Thiết lập ẢNH NỀN */
    /* --- QUAN TRỌNG: Thay link ảnh của bạn vào bên dưới --- */
    background-image: url('/wp-content/uploads/2025/11/qnumber.svg'); 
    background-size: contain; /* Giữ nguyên tỉ lệ ảnh và nhét vừa vào hộp */
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent; /* Đặt nền trong suốt để hiện ảnh */


    text-align: center;

    
    /* Bỏ bo góc CSS vì ảnh đã có góc bo sẵn */
    border-radius: 0 !important; 
    
    /* Căn giữa khối hộp và tạo khoảng cách bên dưới */
    margin: 56px auto 0px auto !important; 
    
    /* (Tùy chọn) Thêm bóng mờ cho chữ để nổi bật hơn trên nền ảnh */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
/* 1. Tùy chỉnh vùng chứa các lựa chọn Radio */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-radio .elementor-field-subgroup {
    display: flex;
    justify-content: space-between;
    gap: 15px; /* Khoảng cách giữa 2 nút */
}

/* 2. Thiết lập cho từng lựa chọn (Wrapper) */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-option {
    width: 50%; /* Chia đều 2 bên */
    margin-bottom: 0 !important;
}

/* 3. Ẩn nút tròn mặc định của Radio */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-option input[type="radio"] {
    display: none;
}

/* 4. Style nút Radio dùng ẢNH VIỀN */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-option label {
    display: flex;
    align-items: center; /* Căn giữa dọc */
    justify-content: center; /* Căn giữa ngang */
    width: 100%;
    height: 100%;
    min-height: 80px; /* Chiều cao tối thiểu để hình không bị bẹp */
    padding: 10px 20px;
    
    /* Xóa viền CSS cũ */
    border: none !important;
    border-radius: 0 !important; /* Xóa bo góc CSS vì ảnh đã bo rồi */
    box-shadow: none !important;
    
    /* Thiết lập ẢNH NỀN làm viền */
    background-image: url('/wp-content/uploads/2025/11/Checkbox.svg'); 
    background-size: 100% 100%; /* Kéo giãn ảnh vừa khít nút */
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent; /* Nền trong suốt */
    
    color: #4A4A4A;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* 5. Style khi nút ĐƯỢC CHỌN */
/* Cách A: Nếu bạn muốn khi chọn nó đổi thành màu đặc (như thiết kế cũ) */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-option input[type="radio"]:checked + label {
    background-image: url('/wp-content/uploads/2025/11/Checkbox-_hover.svg');  
}


/* 6. Style khu vực chứa nút Next/Prev */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group-submit {
    display: flex;
    justify-content: space-between; /* Đẩy 2 nút về 2 góc */
    align-items: center;
    margin-top: 30px;
}

/* 7. Style nút QUAY LẠI (Previous) */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button-previous {
    background-color: transparent !important;
    border: 1px solid #ccc !important;
    color: #999 !important;
    border-radius: 30px !important;
    padding: 12px 25px !important;
    font-size: 14px;
    text-transform: uppercase;
    width: auto !important;
}

/* 8. Style nút TIẾP THEO (Next) */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button-next, 
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button-submit {
    background-color: #A05F3D !important; /* Màu nâu chủ đạo */
    color: #fff !important;
    border-radius: 30px !important;
    padding: 12px 30px !important;
    font-size: 14px;
    text-transform: uppercase;
    width: auto !important;
    font-weight: bold;
}

/* 9. Style Tiêu đề câu hỏi (Label chính của Form) */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-label {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #5a4b42; /* Màu chữ nâu đậm */
    font-weight: bold;
    margin-bottom: 30px;
    font-family: "Fraunces", serif; /* Font có chân giống hình */
    line-height: 1.4;
}

/*căn đôi câu trả lời */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-radio .elementor-field-subgroup {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
        padding: 20px 15%;
}


/*Thanh điều step*/
/* 1. Ẩn các đường nối (Separator) mặc định của Elementor */
.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators__indicator__separator {
    display: none !important;
}

/* 2. Cấu hình khung bao ngoài để các thanh nằm ngang hàng */
.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators {
    display: flex;
    justify-content: center; /* Căn giữa các thanh */
    gap: 8px; /* Khoảng cách giữa các thanh */
}

/* 3. Tùy chỉnh "vỏ" của từng bước */
.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators__indicator {
    padding: 0 !important;
    background: transparent !important;
    width: auto !important;
    flex: 0 0 auto; /* Không cho co giãn lung tung */
}

/* 4. BIẾN HÌNH: Chuyển hình tròn số thành thanh ngang (Pill) */
.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators__indicator__number {
    width: 32px !important;      /* Độ dài của thanh (bạn chỉnh ở đây nếu muốn dài hơn) */
    height: 8px !important;      /* Độ dày của thanh */
    border-radius: 4px !important; /* Bo tròn 2 đầu */
    
    /* Ẩn số 1, 2, 3 bên trong */
    font-size: 0 !important;     
    color: transparent !important;
    
    /* Xóa viền và bóng mặc định */
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    
    /* MÀU NỀN CÁC BƯỚC CHƯA CHỌN (Màu xám nhạt) */
    background-color: #E2E8F0 !important; 
    transition: all 0.3s ease; /* Hiệu ứng chuyển màu mượt */
}

/* 5. MÀU NỀN BƯỚC ĐANG CHỌN (Màu cam đất) */
.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number {
    background-color: #C67C48 !important; /* Thay mã màu cam đất của bạn vào đây */
}

/* 6. (Tùy chọn) MÀU NỀN CÁC BƯỚC ĐÃ HOÀN THÀNH */
/* Nếu bạn muốn các bước đã qua cũng có màu cam thì giữ dòng dưới. 
   Nếu muốn chỉ bước hiện tại mới cam thì xóa đoạn này đi. */
.elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number {
    background-color: #C67C48 !important; 
    opacity: 0.6; /* Làm mờ đi một chút để phân biệt với bước hiện tại (tùy ý) */
}
/* Căn giữa và trang trí cho Câu hỏi (Label) */
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-label {
    display: block !important;    /* Ép hiển thị dạng khối để chiếm hết dòng */
    width: 100% !important;       /* Chiều rộng tuyệt đối 100% */
    text-align: center !important; /* Căn giữa chữ */
    margin-top: 16px;
    margin-bottom: 16px !important;
}

.elementor-721 .elementor-element.elementor-element-4a707a0 h4 {
    color: #685336;
    font-size: 32px;
    font-weight: 600;
}
.elementor-721 .elementor-element.elementor-element-4a707a0 p {
    color:  #685336;
    font-family: Work Sans;
    font-size: 20px;
    font-weight: 400;
}

/* =========================================
   MOBILE RESPONSIVE (Màn hình < 768px)
   ========================================= */
@media (max-width: 767px) {
.elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field {
    font-size: 18px !important;
}
    /* 1. Giảm khoảng cách Input nhập liệu */
    input#form-field-email, 
    input.elementor-field-textual {
        padding: 8px 10px !important; /* Giảm độ cao input */
        font-size: 18px;
    }

    /* 2. Đẩy nút Next/Submit lên gần hơn */
    .e-form__buttons.elementor-column.elementor-col-100 {
        margin-top: 10px; /* Gốc 20px -> Giảm còn 10px */
    }

    /* 3. Căn chỉnh lại hộp số thứ tự câu hỏi */
    .question-number {
        /* Giảm khoảng cách phía trên từ 56px xuống 25px để đỡ chiếm đất */
        margin: 25px auto 10px auto !important; 
        width: 40px; /* Thu nhỏ icon số một chút */
        height: 40px;
        line-height: 40px;
    }

    /* 4. QUAN TRỌNG: Mở rộng vùng chứa câu trả lời (Radio) */
    .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-type-radio .elementor-field-subgroup {
        /* Gốc là padding: 20px 15% -> Rất hẹp trên mobile */
        /* Đổi thành 10px 0px để nút tràn ra sát lề màn hình */
        padding: 10px 0px !important; 
        gap: 8px; /* Giảm khoảng cách giữa 2 nút */
    }
    .elementor-721 .elementor-element.elementor-element-4a707a0 .e-form__indicators__indicator__number {
    width: 17px !important;      /* Độ dài của thanh (bạn chỉnh ở đây nếu muốn dài hơn) */
    height: 6px !important;      /* Độ dày của thanh */
        
    }

    /* 5. Tùy chỉnh nút bấm lựa chọn (Option) */
    .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-option label {
        /* Giảm chiều cao tối thiểu từ 80px xuống 60px */
        min-height: 60px; 
        padding: 5px 10px;
        
        /* Giảm cỡ chữ trong nút để không bị rớt dòng */
        font-size: 18px; 
    }

    /* 6. Khu vực nút Next/Prev */
    .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-group-submit {
        margin-top: 15px; /* Giảm từ 30px */
    }
    
    /* Nút Quay lại & Tiếp theo nhỏ hơn xíu */
    .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button-previous,
    .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button-next, 
    .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-button-submit {
        padding: 10px 15px !important;
        font-size: 12px;
    }

    /* 7. Tiêu đề câu hỏi nhỏ lại */
    .elementor-721 .elementor-element.elementor-element-4a707a0 .elementor-field-label {
        font-size: 18px; /* Gốc 22px */
        margin-bottom: 15px;
        margin-top: 10px;
    }

    /* 8. Giảm kích thước Typography tiêu đề/mô tả (h4, p) */
    .elementor-721 .elementor-element.elementor-element-4a707a0 h4 {
        font-size: 24px; /* Gốc 32px */
    }
    .elementor-721 .elementor-element.elementor-element-4a707a0 p {
        font-size: 16px; /* Gốc 20px */
    }
}


/*                     */
/* --- TRẠNG THÁI KHÓA (Mặc định) --- */
/* Target chính xác vào class trong HTML bạn gửi */
#my-smart-form .e-form__buttons__wrapper__button-next,
#my-smart-form button[type="submit"] {
 /*    opacity: 0.4 !important;   */
    /*background-color: #cccccc !important; */
    /*color: #888888 !important;*/
    /*cursor: not-allowed !important;*/
    /*pointer-events: none !important;  
    /*transition: all 0.3s ease !important;*/
}

/* --- TRẠNG THÁI MỞ (Khi đủ điều kiện) --- */
/* Class .ready-next sẽ được JS thêm vào */
#my-smart-form .e-form__buttons__wrapper__button-next.ready-next,
#my-smart-form button[type="submit"].ready-next {
    opacity: 1 !important;
    background-color: #B05B3B !important; /* ĐỔI MÀU ACTIVE TẠI ĐÂY */
    color: #ffffff !important;
    cursor: pointer !important;
    pointer-events: auto !important;      /* CHO PHÉP CLICK */
}
#my-smart-form .e-form__buttons__wrapper__button-next.ready-next:hover,
#my-smart-form button[type="submit"].ready-next:hover {
    background-color: #685336 !important; 
}
/* --- 3. XỬ LÝ MŨI TÊN (QUAN TRỌNG) --- */
/* Buộc mũi tên (::after hoặc icon) phải lấy màu giống hệt màu chữ ở trên */
#my-smart-form .e-form__buttons__wrapper__button-next.ready-next::after {
    background-color: white !important;
}

/* --- NÚT QUAY LẠI (Luôn mở) --- */
/*#my-smart-form .e-form__buttons__wrapper__button-previous {*/
/*    pointer-events: auto !important;*/
/*    cursor: pointer !important;*/
/*    opacity: 1 !important;*/
/*    background-color: #333 !important;*/
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac65c5a */.elementor-721 .elementor-element.elementor-element-ac65c5a {
  
background-repeat: no-repeat;
  background-size: 100% 100% !important;
}/* End custom CSS */