.elementor-18771 .elementor-element.elementor-element-71e2874{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-18771 .elementor-element.elementor-element-14e41a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-18771 .elementor-element.elementor-element-e535b82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-18771 .elementor-element.elementor-element-5e0df32{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18771 .elementor-element.elementor-element-d7ade2d{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1200px){.elementor-18771 .elementor-element.elementor-element-5e0df32{--gap:80px 80px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-18771 .elementor-element.elementor-element-d7ade2d{--gap:80px 80px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for container, class: .elementor-element-e535b82 *//* TỔNG QUAN FORM */
.crm-action-form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

/* CHIA CỘT TRÊN DESKTOP */
.crm-form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.crm-col-salutation {
    width: 30%;
}
.crm-col-name {
    width: 70%;
}
.crm-col-half {
    width: 50%;
}
.crm-form-row-full {
    margin-bottom: 15px;
}

/* ĐỊNH DẠNG Ô NHẬP (INPUT) TỐI ƯU CHẠM */
.crm-action-form .input-action {
    width: 100%;
    padding: 14px 16px !important;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    font-size: 16px !important; /* Bắt buộc 16px để chống zoom màn hình trên iPhone */
    background-color: #fafafa;
    color: #333;
    transition: all 0.3s;
    box-sizing: border-box;
}

.crm-action-form .input-action:focus {
    border-color: #f29f05;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(242, 159, 5, 0.3);
    outline: none;
}

/* KHỐI NÚT ACTION */
.crm-action-form .submit-group {
    text-align: center;
    margin-top: 25px;
}

/* NÚT BẤM (BUTTON) */
.crm-action-form .btn-action-submit {
    width: 100%;
    background: linear-gradient(to right, #f29f05, #ff8c00) !important;
    color: #ffffff !important;
    border: none;
    padding: 16px !important;
    font-size: 18px !important;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 5px 15px rgba(242, 159, 5, 0.4);
    transition: transform 0.1s;
}

.crm-action-form .btn-action-submit:active {
    transform: scale(0.98);
}

/* TEXT PHỤ TRỢ */
.crm-action-form .microcopy {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #2e7d32;
    font-weight: 600;
}

.crm-action-form .privacy-text {
    margin-top: 5px;
    font-size: 12px;
    color: #888;
    font-style: italic;
}

/* TỐI ƯU RIÊNG CHO MOBILE (ÉP THÀNH 1 CỘT DỌC) */
@media (max-width: 768px) {
    .crm-form-row {
        flex-direction: column; /* Bẻ cột dọc */
        gap: 15px; /* Giữ khoảng cách đều */
        margin-bottom: 0; /* Trả margin về cho các cột con xử lý */
    }
    
    .crm-col-salutation, 
    .crm-col-name, 
    .crm-col-half {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .crm-action-form .btn-action-submit {
        padding: 18px !important; /* Nút to hơn tí trên mobile cho dễ bấm */
    }
}
/* --- TRỊ BỆNH KHOẢNG CÁCH RỘNG CỦA CF7 --- */

/* Ép các thẻ p ẩn của CF7 không được tạo viền trống */
.crm-action-form p {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Xóa các thẻ xuống dòng thừa do CF7 tự sinh ra */
.crm-action-form br {
    display: none !important;
}

/* Ép lại khoảng cách giữa các hàng mỏng hơn (chỉ để 10px thay vì 15px) */
.crm-form-row {
    margin-bottom: 10px !important;
}

.crm-form-row-full {
    margin-bottom: 10px !important;
}

/* Reset margin dưới của các cột con */
.crm-col-salutation, 
.crm-col-name, 
.crm-col-half {
    margin-bottom: 0 !important;
}

/* --- TRỊ DỨT ĐIỂM KHOẢNG TRẮNG CF7 & ÉP NHỎ Ô GHI CHÚ --- */

/* 1. Ép bẹp ô Ghi chú xuống (chỉ còn cao tầm 2 dòng) và cấm kéo giãn */
.crm-action-form textarea.input-action {
    height: 60px !important; 
    min-height: 60px !important;
    resize: none !important; 
}

/* 2. Diệt tận gốc các thẻ p và span gây dãn dòng của thằng CF7 */
.crm-action-form p, 
.crm-action-form span.wpcf7-form-control-wrap {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Diệt luôn thẻ <br> nếu nó lén sinh ra */
.crm-action-form br {
    display: none !important;
}

/* 3. Ép khoảng cách giữa các hàng vừa đủ khít (12px) */
.crm-form-row, 
.crm-form-row-full {
    margin-bottom: 12px !important;
}

/* Căn chỉnh lại cái padding của input cho nó gọn thêm tí xíu */
.crm-action-form .input-action {
    padding: 10px 14px !important;
}

/* Kéo cục nút Submit lên sát hơn */
.crm-action-form .submit-group {
    margin-top: 15px !important;
}

/* --- DIỆT MARGIN MẶC ĐỊNH CỦA THEME CHO INPUT/SELECT --- */

.crm-action-form input.input-action,
.crm-action-form select.input-action {
    margin-bottom: 0 !important; 
}

/* Đảm bảo khung bọc ngoài của CF7 cũng không được dãn */
.crm-action-form .wpcf7-form-control-wrap {
    margin-bottom: 0 !important;
    display: block !important;
}

/* Ép lại khoảng cách chuẩn xác giữa các hàng (Mày muốn khít nữa thì giảm 12px xuống 8px) */
.crm-action-form .crm-form-row, 
.crm-action-form .crm-form-row-full {
    margin-bottom: 12px !important; 
}

/* Hạ padding của input xuống một chút xíu nữa cho thon gọn toàn diện */
.crm-action-form .input-action {
    padding: 10px 12px !important;
    line-height: 1.5 !important;
}
/* Ép form đẩy khoảng trống bên dưới để lòi nút ra */
.crm-action-form {
    padding-bottom: 30px !important; 
}
/* Ép lòi phần đuôi form ra và chống cắt xén */
.crm-action-form {
    overflow: visible !important;
}

.crm-action-form .submit-group {
    padding-bottom: 40px !important; /* Đẩy cái đít trắng phình ra */
    margin-bottom: 20px !important;
    display: block !important;
}/* End custom CSS */