.elementor-21535 .elementor-element.elementor-element-d56f1fa{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-21535 .elementor-element.elementor-element-d56f1fa .elementor-divider-separator{width:97%;margin:0 auto;margin-center:0;}.elementor-21535 .elementor-element.elementor-element-d56f1fa .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-21535 .elementor-element.elementor-element-877a32e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-21535 .elementor-element.elementor-element-3b6b77b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-21535 .elementor-element.elementor-element-0c1325d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-21535 .elementor-element.elementor-element-0c1325d .elementor-divider-separator{width:97%;margin:0 auto;margin-center:0;}.elementor-21535 .elementor-element.elementor-element-0c1325d .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-21535 .elementor-element.elementor-element-50650b9c{text-align:center;}/* Start custom CSS for section, class: .elementor-element-106817d9 *//* ===== BỐ CỤC CHUNG ===== */
.custom-block-banner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    max-width: 1200px;
    margin: auto;
    background-color: #ffffff; /* Nền trắng */
}

.custom-block-banner .elementor-widget-wrap {
    background-color: #f3f6fc;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #d1d5db;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 95%; /* Giới hạn chiều rộng để không bị lòi chữ */
    margin: auto;
}

.custom-block-banner .elementor-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1100px; /* Giảm nhẹ max-width để tránh tràn */
    margin: auto;
}

.custom-block-banner .elementor-column {
    width: 30%;
    min-width: 280px;
    text-align: left;
    padding: 15px; /* Giảm padding để văn bản không bị lòi ra */
    background: #ffffff; /* Nền xám nhạt để giữ độ tương phản */
    border: 1px solid #ffffff; /* Viền nhẹ để tạo phân tách */
    box-sizing: border-box; /* Đảm bảo padding không làm tăng kích thước cột */
}

/* ===== TYPOGRAPHY ===== */
.custom-block-banner .elementor-widget-container p {
    font-size: 16px;
    line-height: 1.5;
    color: #333; /* Màu chữ đen nhẹ để dễ đọc */
    margin: 0 10px; /* Tạo khoảng cách hai bên để chữ không chạm viền */
    word-wrap: break-word; /* Ngăn chữ dài bị tràn */
    max-width: 100%; /* Đảm bảo nội dung không bị tràn ra ngoài */
}

.custom-block-banner .elementor-widget-container p strong {
    font-size: 18px;
    color: #000; /* Màu đen để tạo điểm nhấn */
    display: block;
    margin-bottom: 8px;
}

/* ===== RESPONSIVE (TỐI ƯU MOBILE) ===== */
@media screen and (max-width: 768px) {
    .custom-block-banner {
        flex-direction: column;
        gap: 10px;
    }

    .custom-block-banner .elementor-column {
        width: 100%;
        padding: 10px;
    }

    .custom-block-banner .elementor-widget-container p {
        margin: 0 5px; /* Giảm margin để phù hợp với màn hình nhỏ */
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1fde4157 *//* Định dạng toàn bộ container trong custom-block */
.custom-block .elementor-container {
    display: flex;
    gap: 20px; /* Khoảng cách giữa các cột */
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Định dạng cột */
.custom-block .elementor-column {
    width: 50%; /* Chia đôi cột */
    display: flex;
    flex-direction: column;
}

/* Định dạng widget wrap */
.custom-block .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Định dạng container cho từng widget */
.custom-block .elementor-widget-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Căn văn bản lên trên cùng */
    justify-content: flex-start;
    background-color: #f3f6fc;
    border-radius: 8px;
}

/* Định dạng tiêu đề (h2) với vạch màu cam */
.custom-block .elementor-heading-title {
    font-size: 25px;
    font-weight: bold;
    color: #000000;
    position: relative;
    display: inline-block;
    padding-left: 12px;
}

/* Loại bỏ màu nền của .elementor-widget-container khi chứa h2 */
.custom-block .elementor-widget-container:has(.elementor-heading-title) {
    background-color: transparent;
    padding: 0;
    border: none;
}

/* Vạch màu cam bên trái tiêu đề */
.custom-block .elementor-heading-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 100%;
    background-color: #ff8c00;
}

/* Định dạng văn bản (p) */
.custom-block .elementor-widget-container p {
    font-size: 16px;
    color: #000000;
    line-height: 1.8;
    margin-bottom: 0;
}

/* Chỉ áp dụng chiều cao và viền cho container chứa văn bản p */
.custom-block .elementor-widget-container:has(p) {
    padding: 20px;
    border: 1px solid #e0e0e0;
    min-height: 7cm;
}

/* ----------- RESPONSIVE CHO MOBILE ----------- */
@media (max-width: 768px) {
    /* Đổi layout về một cột khi ở màn hình nhỏ */
    .custom-block .elementor-container {
        flex-direction: column;
        gap: 10px;
    }

    /* Cột chiếm toàn bộ chiều rộng */
    .custom-block .elementor-column {
        width: 100%;
    }

    /* Đảm bảo chiều cao của các thẻ chứa p không quá nhỏ */
    .custom-block .elementor-widget-container:has(p) {
        min-height: auto; /* Cho phép chiều cao tự động theo nội dung */
        padding: 15px;
    }

    /* Giảm kích thước tiêu đề trên mobile */
    .custom-block .elementor-heading-title {
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1dea9b9e *//* Đảm bảo section chứa tiêu đề không bị tràn */
.block-class2 {
    width: 100%;
    max-width: 1200px; /* Hoặc giá trị phù hợp */
    margin: 0 auto; /* Căn giữa */
    padding: 20px;
    overflow: hidden;
}

/* Định dạng tiêu đề "HƯỚNG DẪN CHI TIẾT" */
.block-class2 h2 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

/* Căn chỉnh nội dung text */
.block-class2 .elementor-widget-text-editor {
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
    padding: 10px 20px;
    background: #f3f6fc; /* Màu nền nhẹ để phân biệt */
    border-radius: 8px; /* Bo góc */
    border: 2px solid #ddd; /* Viền mặc định, có thể thay đổi */
}

/* Đảm bảo chữ không tràn khỏi vùng chứa */
.block-class2 .elementor-widget-container {
    overflow: hidden;
    word-wrap: break-word;
    max-width: 100%;
}

/* ---------- Tuỳ chỉnh viền ---------- */
/* Nếu muốn thay đổi màu viền, chỉ cần chỉnh giá trị màu */
.block-class2 .elementor-widget-text-editor {
    border-color: #00000; /* Màu viền cam */
}

/* Hoặc làm viền nét đứt */
.block-class2 .elementor-widget-text-editor {
    border-style: dashed;
}

/* Hoặc làm viền nét đôi */
.block-class2 .elementor-widget-text-editor {
    border-style: double;
    border-width: 1px;
}

/* ---------- Responsive cho mobile ---------- */
@media (max-width: 768px) {
    .block-class2 h2 {
        font-size: 24px;
    }

    .block-class2 .elementor-widget-text-editor {
        padding: 8px 15px;
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-50650b9c */.class2 h1.elementor-heading-title {
    margin-top: 10px !important; /* Điều chỉnh khoảng cách từ trên xuống */
    margin-bottom: 10px !important; /* Điều chỉnh khoảng cách từ dưới lên */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-21736d4c */.content-boxlate .elementor-widget-container {
    background-color: #f3f6fc;
}/* End custom CSS */