.elementor-278 .elementor-element.elementor-element-db94f6b{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-278 .elementor-element.elementor-element-1ad6bc3{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-278 .elementor-element.elementor-element-cba7e8c{text-align:center;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-278 .elementor-element.elementor-element-c0763c4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-278 .elementor-element.elementor-element-64504d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-e211976{--display:flex;--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-278 .elementor-element.elementor-element-eb26c69{--display:flex;--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-278 .elementor-element.elementor-element-d17b0e9{--display:flex;--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-278 .elementor-element.elementor-element-b7af61f{--display:flex;--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-278 .elementor-element.elementor-element-c6e7787{--display:flex;--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-278 .elementor-element.elementor-element-66687cd{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-border-radius:3px 3px 3px 3px;--n-tabs-title-font-size:15px;--n-tabs-title-color:var( --e-global-color-text );}.elementor-278 .elementor-element.elementor-element-66687cd > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#5ABA4240;}.elementor-278 .elementor-element.elementor-element-66687cd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:500;}@media(min-width:768px){.elementor-278 .elementor-element.elementor-element-db94f6b{--content-width:1500px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for html, class: .elementor-element-04d8f01 *//* --- Tùy chỉnh cho bảng giá SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-pricing-container {
    overflow-x: auto; /* Thuộc tính này sẽ hoạt động trở lại */
    width: 100%;
    margin: 2em 0;
}

/* Toàn bộ bảng */
.seo-pricing-container table {
    /* width: 100%; */  /* <-- XÓA HOẶC VÔ HIỆU HÓA DÒNG NÀY */
    min-width: 900px; /* <-- THÊM DÒNG NÀY ĐỂ KÍCH HOẠT THANH CUỘN */
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    table-layout: fixed;
    word-wrap: break-word;
}

/* Các ô trong bảng (cả th và td) */
.seo-pricing-container th,
.seo-pricing-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    white-space: normal;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-pricing-container thead th {
    background-color: #5ABA42;
    color: #ffffff;
    text-align: center;
}

/* Dòng text nhỏ trong tiêu đề */
.seo-pricing-container thead th span {
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* --- QUY TẮC PHÂN CHIA CHIỀU RỘNG CỘT --- */

/* Đặt chiều rộng cho cột Dịch vụ (cột đầu tiên) */
.seo-pricing-container th:first-child {
    width: 15%; 
}

/* Đặt chiều rộng cho 3 cột gói dịch vụ còn lại */
.seo-pricing-container th:not(:first-child) {
    width: 28%;
}

/* Cột đầu tiên (cột Dịch vụ) */
.seo-pricing-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    vertical-align: middle;
}

/* --- QUY TẮC CĂN LỀ --- */

/* Hàng có nội dung căn trái (Mục tiêu, Tính năng...) */
.seo-pricing-container .row-left td:not(:first-child) {
    text-align: left;
    vertical-align: top;
}

/* Hàng có nội dung căn giữa (Giá, Nút) */
.seo-pricing-container .row-center td {
    text-align: center;
    vertical-align: middle;
}

/* Chữ đậm trong cột đầu tiên */
.seo-pricing-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-pricing-container tbody td strong {
    color: #5ABA42;
}

/* Nút "Chọn Gói" */
.btn-select {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select:hover {
    background-color: #4a9b36;
}

/* Nút nổi bật cho gói Standard */
.btn-featured {
    background-color: #ff9800;
}
.btn-featured:hover {
    background-color: #e68900;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64504d4 *//* --- Tùy chỉnh cho bảng Add-on SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-addon-container {
    overflow-x: auto; /* Kích hoạt thanh cuộn ngang khi cần */
    width: 100%;
    margin: 2em 0; /* Thêm khoảng cách trên dưới */
}

/* Toàn bộ bảng */
.seo-addon-container table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Ngăn nội dung tự động xuống dòng */
    background-color: #ffffff;
    border-radius: 8px; /* Bo góc cho cả bảng */
    overflow: hidden; /* Ẩn phần thừa để bo góc hoạt động */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Các ô trong bảng (cả th và td) */
.seo-addon-container th,
.seo-addon-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-addon-container thead th {
    background-color: #5ABA42; /* Màu chủ đạo của bạn */
    color: #ffffff;
    
}

/* Dòng text nhỏ trong tiêu đề */
.seo-addon-container thead th span {
    
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* Cột đầu tiên (cột Add-on) */
.seo-addon-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    white-space: normal; /* Cho phép cột này xuống dòng nếu cần */
}

/* Chữ đậm trong cột đầu tiên */
.seo-addon-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-addon-container tbody td strong {
    
    color: #5ABA42; /* Màu chủ đạo cho giá */
}

/* Nút "Chọn Add-on" (nếu muốn thêm sau) */
.btn-select-addon {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select-addon:hover {
    background-color: #4a9b36; /* Màu đậm hơn khi hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04d8f01 *//* --- Tùy chỉnh cho bảng giá SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-pricing-container {
    overflow-x: auto; /* Thuộc tính này sẽ hoạt động trở lại */
    width: 100%;
    margin: 2em 0;
}

/* Toàn bộ bảng */
.seo-pricing-container table {
    /* width: 100%; */  /* <-- XÓA HOẶC VÔ HIỆU HÓA DÒNG NÀY */
    min-width: 900px; /* <-- THÊM DÒNG NÀY ĐỂ KÍCH HOẠT THANH CUỘN */
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    table-layout: fixed;
    word-wrap: break-word;
}

/* Các ô trong bảng (cả th và td) */
.seo-pricing-container th,
.seo-pricing-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    white-space: normal;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-pricing-container thead th {
    background-color: #5ABA42;
    color: #ffffff;
    text-align: center;
}

/* Dòng text nhỏ trong tiêu đề */
.seo-pricing-container thead th span {
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* --- QUY TẮC PHÂN CHIA CHIỀU RỘNG CỘT --- */

/* Đặt chiều rộng cho cột Dịch vụ (cột đầu tiên) */
.seo-pricing-container th:first-child {
    width: 15%; 
}

/* Đặt chiều rộng cho 3 cột gói dịch vụ còn lại */
.seo-pricing-container th:not(:first-child) {
    width: 28%;
}

/* Cột đầu tiên (cột Dịch vụ) */
.seo-pricing-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    vertical-align: middle;
}

/* --- QUY TẮC CĂN LỀ --- */

/* Hàng có nội dung căn trái (Mục tiêu, Tính năng...) */
.seo-pricing-container .row-left td:not(:first-child) {
    text-align: left;
    vertical-align: top;
}

/* Hàng có nội dung căn giữa (Giá, Nút) */
.seo-pricing-container .row-center td {
    text-align: center;
    vertical-align: middle;
}

/* Chữ đậm trong cột đầu tiên */
.seo-pricing-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-pricing-container tbody td strong {
    color: #5ABA42;
}

/* Nút "Chọn Gói" */
.btn-select {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select:hover {
    background-color: #4a9b36;
}

/* Nút nổi bật cho gói Standard */
.btn-featured {
    background-color: #ff9800;
}
.btn-featured:hover {
    background-color: #e68900;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64504d4 *//* --- Tùy chỉnh cho bảng Add-on SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-addon-container {
    overflow-x: auto; /* Kích hoạt thanh cuộn ngang khi cần */
    width: 100%;
    margin: 2em 0; /* Thêm khoảng cách trên dưới */
}

/* Toàn bộ bảng */
.seo-addon-container table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Ngăn nội dung tự động xuống dòng */
    background-color: #ffffff;
    border-radius: 8px; /* Bo góc cho cả bảng */
    overflow: hidden; /* Ẩn phần thừa để bo góc hoạt động */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Các ô trong bảng (cả th và td) */
.seo-addon-container th,
.seo-addon-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-addon-container thead th {
    background-color: #5ABA42; /* Màu chủ đạo của bạn */
    color: #ffffff;
    
}

/* Dòng text nhỏ trong tiêu đề */
.seo-addon-container thead th span {
    
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* Cột đầu tiên (cột Add-on) */
.seo-addon-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    white-space: normal; /* Cho phép cột này xuống dòng nếu cần */
}

/* Chữ đậm trong cột đầu tiên */
.seo-addon-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-addon-container tbody td strong {
    
    color: #5ABA42; /* Màu chủ đạo cho giá */
}

/* Nút "Chọn Add-on" (nếu muốn thêm sau) */
.btn-select-addon {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select-addon:hover {
    background-color: #4a9b36; /* Màu đậm hơn khi hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04d8f01 *//* --- Tùy chỉnh cho bảng giá SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-pricing-container {
    overflow-x: auto; /* Thuộc tính này sẽ hoạt động trở lại */
    width: 100%;
    margin: 2em 0;
}

/* Toàn bộ bảng */
.seo-pricing-container table {
    /* width: 100%; */  /* <-- XÓA HOẶC VÔ HIỆU HÓA DÒNG NÀY */
    min-width: 900px; /* <-- THÊM DÒNG NÀY ĐỂ KÍCH HOẠT THANH CUỘN */
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    table-layout: fixed;
    word-wrap: break-word;
}

/* Các ô trong bảng (cả th và td) */
.seo-pricing-container th,
.seo-pricing-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    white-space: normal;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-pricing-container thead th {
    background-color: #5ABA42;
    color: #ffffff;
    text-align: center;
}

/* Dòng text nhỏ trong tiêu đề */
.seo-pricing-container thead th span {
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* --- QUY TẮC PHÂN CHIA CHIỀU RỘNG CỘT --- */

/* Đặt chiều rộng cho cột Dịch vụ (cột đầu tiên) */
.seo-pricing-container th:first-child {
    width: 15%; 
}

/* Đặt chiều rộng cho 3 cột gói dịch vụ còn lại */
.seo-pricing-container th:not(:first-child) {
    width: 28%;
}

/* Cột đầu tiên (cột Dịch vụ) */
.seo-pricing-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    vertical-align: middle;
}

/* --- QUY TẮC CĂN LỀ --- */

/* Hàng có nội dung căn trái (Mục tiêu, Tính năng...) */
.seo-pricing-container .row-left td:not(:first-child) {
    text-align: left;
    vertical-align: top;
}

/* Hàng có nội dung căn giữa (Giá, Nút) */
.seo-pricing-container .row-center td {
    text-align: center;
    vertical-align: middle;
}

/* Chữ đậm trong cột đầu tiên */
.seo-pricing-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-pricing-container tbody td strong {
    color: #5ABA42;
}

/* Nút "Chọn Gói" */
.btn-select {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select:hover {
    background-color: #4a9b36;
}

/* Nút nổi bật cho gói Standard */
.btn-featured {
    background-color: #ff9800;
}
.btn-featured:hover {
    background-color: #e68900;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64504d4 *//* --- Tùy chỉnh cho bảng Add-on SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-addon-container {
    overflow-x: auto; /* Kích hoạt thanh cuộn ngang khi cần */
    width: 100%;
    margin: 2em 0; /* Thêm khoảng cách trên dưới */
}

/* Toàn bộ bảng */
.seo-addon-container table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Ngăn nội dung tự động xuống dòng */
    background-color: #ffffff;
    border-radius: 8px; /* Bo góc cho cả bảng */
    overflow: hidden; /* Ẩn phần thừa để bo góc hoạt động */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Các ô trong bảng (cả th và td) */
.seo-addon-container th,
.seo-addon-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-addon-container thead th {
    background-color: #5ABA42; /* Màu chủ đạo của bạn */
    color: #ffffff;
    
}

/* Dòng text nhỏ trong tiêu đề */
.seo-addon-container thead th span {
    
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* Cột đầu tiên (cột Add-on) */
.seo-addon-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    white-space: normal; /* Cho phép cột này xuống dòng nếu cần */
}

/* Chữ đậm trong cột đầu tiên */
.seo-addon-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-addon-container tbody td strong {
    
    color: #5ABA42; /* Màu chủ đạo cho giá */
}

/* Nút "Chọn Add-on" (nếu muốn thêm sau) */
.btn-select-addon {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select-addon:hover {
    background-color: #4a9b36; /* Màu đậm hơn khi hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04d8f01 *//* --- Tùy chỉnh cho bảng giá SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-pricing-container {
    overflow-x: auto; /* Thuộc tính này sẽ hoạt động trở lại */
    width: 100%;
    margin: 2em 0;
}

/* Toàn bộ bảng */
.seo-pricing-container table {
    /* width: 100%; */  /* <-- XÓA HOẶC VÔ HIỆU HÓA DÒNG NÀY */
    min-width: 900px; /* <-- THÊM DÒNG NÀY ĐỂ KÍCH HOẠT THANH CUỘN */
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    table-layout: fixed;
    word-wrap: break-word;
}

/* Các ô trong bảng (cả th và td) */
.seo-pricing-container th,
.seo-pricing-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    white-space: normal;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-pricing-container thead th {
    background-color: #5ABA42;
    color: #ffffff;
    text-align: center;
}

/* Dòng text nhỏ trong tiêu đề */
.seo-pricing-container thead th span {
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* --- QUY TẮC PHÂN CHIA CHIỀU RỘNG CỘT --- */

/* Đặt chiều rộng cho cột Dịch vụ (cột đầu tiên) */
.seo-pricing-container th:first-child {
    width: 15%; 
}

/* Đặt chiều rộng cho 3 cột gói dịch vụ còn lại */
.seo-pricing-container th:not(:first-child) {
    width: 28%;
}

/* Cột đầu tiên (cột Dịch vụ) */
.seo-pricing-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    vertical-align: middle;
}

/* --- QUY TẮC CĂN LỀ --- */

/* Hàng có nội dung căn trái (Mục tiêu, Tính năng...) */
.seo-pricing-container .row-left td:not(:first-child) {
    text-align: left;
    vertical-align: top;
}

/* Hàng có nội dung căn giữa (Giá, Nút) */
.seo-pricing-container .row-center td {
    text-align: center;
    vertical-align: middle;
}

/* Chữ đậm trong cột đầu tiên */
.seo-pricing-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-pricing-container tbody td strong {
    color: #5ABA42;
}

/* Nút "Chọn Gói" */
.btn-select {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select:hover {
    background-color: #4a9b36;
}

/* Nút nổi bật cho gói Standard */
.btn-featured {
    background-color: #ff9800;
}
.btn-featured:hover {
    background-color: #e68900;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64504d4 *//* --- Tùy chỉnh cho bảng Add-on SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-addon-container {
    overflow-x: auto; /* Kích hoạt thanh cuộn ngang khi cần */
    width: 100%;
    margin: 2em 0; /* Thêm khoảng cách trên dưới */
}

/* Toàn bộ bảng */
.seo-addon-container table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Ngăn nội dung tự động xuống dòng */
    background-color: #ffffff;
    border-radius: 8px; /* Bo góc cho cả bảng */
    overflow: hidden; /* Ẩn phần thừa để bo góc hoạt động */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Các ô trong bảng (cả th và td) */
.seo-addon-container th,
.seo-addon-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-addon-container thead th {
    background-color: #5ABA42; /* Màu chủ đạo của bạn */
    color: #ffffff;
    
}

/* Dòng text nhỏ trong tiêu đề */
.seo-addon-container thead th span {
    
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* Cột đầu tiên (cột Add-on) */
.seo-addon-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    white-space: normal; /* Cho phép cột này xuống dòng nếu cần */
}

/* Chữ đậm trong cột đầu tiên */
.seo-addon-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-addon-container tbody td strong {
    
    color: #5ABA42; /* Màu chủ đạo cho giá */
}

/* Nút "Chọn Add-on" (nếu muốn thêm sau) */
.btn-select-addon {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select-addon:hover {
    background-color: #4a9b36; /* Màu đậm hơn khi hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04d8f01 *//* --- Tùy chỉnh cho bảng giá SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-pricing-container {
    overflow-x: auto; /* Thuộc tính này sẽ hoạt động trở lại */
    width: 100%;
    margin: 2em 0;
}

/* Toàn bộ bảng */
.seo-pricing-container table {
    /* width: 100%; */  /* <-- XÓA HOẶC VÔ HIỆU HÓA DÒNG NÀY */
    min-width: 900px; /* <-- THÊM DÒNG NÀY ĐỂ KÍCH HOẠT THANH CUỘN */
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    table-layout: fixed;
    word-wrap: break-word;
}

/* Các ô trong bảng (cả th và td) */
.seo-pricing-container th,
.seo-pricing-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    white-space: normal;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-pricing-container thead th {
    background-color: #5ABA42;
    color: #ffffff;
    text-align: center;
}

/* Dòng text nhỏ trong tiêu đề */
.seo-pricing-container thead th span {
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* --- QUY TẮC PHÂN CHIA CHIỀU RỘNG CỘT --- */

/* Đặt chiều rộng cho cột Dịch vụ (cột đầu tiên) */
.seo-pricing-container th:first-child {
    width: 15%; 
}

/* Đặt chiều rộng cho 3 cột gói dịch vụ còn lại */
.seo-pricing-container th:not(:first-child) {
    width: 28%;
}

/* Cột đầu tiên (cột Dịch vụ) */
.seo-pricing-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    vertical-align: middle;
}

/* --- QUY TẮC CĂN LỀ --- */

/* Hàng có nội dung căn trái (Mục tiêu, Tính năng...) */
.seo-pricing-container .row-left td:not(:first-child) {
    text-align: left;
    vertical-align: top;
}

/* Hàng có nội dung căn giữa (Giá, Nút) */
.seo-pricing-container .row-center td {
    text-align: center;
    vertical-align: middle;
}

/* Chữ đậm trong cột đầu tiên */
.seo-pricing-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-pricing-container tbody td strong {
    color: #5ABA42;
}

/* Nút "Chọn Gói" */
.btn-select {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select:hover {
    background-color: #4a9b36;
}

/* Nút nổi bật cho gói Standard */
.btn-featured {
    background-color: #ff9800;
}
.btn-featured:hover {
    background-color: #e68900;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64504d4 *//* --- Tùy chỉnh cho bảng Add-on SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-addon-container {
    overflow-x: auto; /* Kích hoạt thanh cuộn ngang khi cần */
    width: 100%;
    margin: 2em 0; /* Thêm khoảng cách trên dưới */
}

/* Toàn bộ bảng */
.seo-addon-container table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Ngăn nội dung tự động xuống dòng */
    background-color: #ffffff;
    border-radius: 8px; /* Bo góc cho cả bảng */
    overflow: hidden; /* Ẩn phần thừa để bo góc hoạt động */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Các ô trong bảng (cả th và td) */
.seo-addon-container th,
.seo-addon-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-addon-container thead th {
    background-color: #5ABA42; /* Màu chủ đạo của bạn */
    color: #ffffff;
    
}

/* Dòng text nhỏ trong tiêu đề */
.seo-addon-container thead th span {
    
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* Cột đầu tiên (cột Add-on) */
.seo-addon-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    white-space: normal; /* Cho phép cột này xuống dòng nếu cần */
}

/* Chữ đậm trong cột đầu tiên */
.seo-addon-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-addon-container tbody td strong {
    
    color: #5ABA42; /* Màu chủ đạo cho giá */
}

/* Nút "Chọn Add-on" (nếu muốn thêm sau) */
.btn-select-addon {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select-addon:hover {
    background-color: #4a9b36; /* Màu đậm hơn khi hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04d8f01 *//* --- Tùy chỉnh cho bảng giá SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-pricing-container {
    overflow-x: auto; /* Thuộc tính này sẽ hoạt động trở lại */
    width: 100%;
    margin: 2em 0;
}

/* Toàn bộ bảng */
.seo-pricing-container table {
    /* width: 100%; */  /* <-- XÓA HOẶC VÔ HIỆU HÓA DÒNG NÀY */
    min-width: 900px; /* <-- THÊM DÒNG NÀY ĐỂ KÍCH HOẠT THANH CUỘN */
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    table-layout: fixed;
    word-wrap: break-word;
}

/* Các ô trong bảng (cả th và td) */
.seo-pricing-container th,
.seo-pricing-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    white-space: normal;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-pricing-container thead th {
    background-color: #5ABA42;
    color: #ffffff;
    text-align: center;
}

/* Dòng text nhỏ trong tiêu đề */
.seo-pricing-container thead th span {
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* --- QUY TẮC PHÂN CHIA CHIỀU RỘNG CỘT --- */

/* Đặt chiều rộng cho cột Dịch vụ (cột đầu tiên) */
.seo-pricing-container th:first-child {
    width: 15%; 
}

/* Đặt chiều rộng cho 3 cột gói dịch vụ còn lại */
.seo-pricing-container th:not(:first-child) {
    width: 28%;
}

/* Cột đầu tiên (cột Dịch vụ) */
.seo-pricing-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    vertical-align: middle;
}

/* --- QUY TẮC CĂN LỀ --- */

/* Hàng có nội dung căn trái (Mục tiêu, Tính năng...) */
.seo-pricing-container .row-left td:not(:first-child) {
    text-align: left;
    vertical-align: top;
}

/* Hàng có nội dung căn giữa (Giá, Nút) */
.seo-pricing-container .row-center td {
    text-align: center;
    vertical-align: middle;
}

/* Chữ đậm trong cột đầu tiên */
.seo-pricing-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-pricing-container tbody td strong {
    color: #5ABA42;
}

/* Nút "Chọn Gói" */
.btn-select {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select:hover {
    background-color: #4a9b36;
}

/* Nút nổi bật cho gói Standard */
.btn-featured {
    background-color: #ff9800;
}
.btn-featured:hover {
    background-color: #e68900;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64504d4 *//* --- Tùy chỉnh cho bảng Add-on SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-addon-container {
    overflow-x: auto; /* Kích hoạt thanh cuộn ngang khi cần */
    width: 100%;
    margin: 2em 0; /* Thêm khoảng cách trên dưới */
}

/* Toàn bộ bảng */
.seo-addon-container table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Ngăn nội dung tự động xuống dòng */
    background-color: #ffffff;
    border-radius: 8px; /* Bo góc cho cả bảng */
    overflow: hidden; /* Ẩn phần thừa để bo góc hoạt động */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Các ô trong bảng (cả th và td) */
.seo-addon-container th,
.seo-addon-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-addon-container thead th {
    background-color: #5ABA42; /* Màu chủ đạo của bạn */
    color: #ffffff;
    
}

/* Dòng text nhỏ trong tiêu đề */
.seo-addon-container thead th span {
    
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* Cột đầu tiên (cột Add-on) */
.seo-addon-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    white-space: normal; /* Cho phép cột này xuống dòng nếu cần */
}

/* Chữ đậm trong cột đầu tiên */
.seo-addon-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-addon-container tbody td strong {
    
    color: #5ABA42; /* Màu chủ đạo cho giá */
}

/* Nút "Chọn Add-on" (nếu muốn thêm sau) */
.btn-select-addon {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select-addon:hover {
    background-color: #4a9b36; /* Màu đậm hơn khi hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04d8f01 *//* --- Tùy chỉnh cho bảng giá SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-pricing-container {
    overflow-x: auto; /* Thuộc tính này sẽ hoạt động trở lại */
    width: 100%;
    margin: 2em 0;
}

/* Toàn bộ bảng */
.seo-pricing-container table {
    /* width: 100%; */  /* <-- XÓA HOẶC VÔ HIỆU HÓA DÒNG NÀY */
    min-width: 900px; /* <-- THÊM DÒNG NÀY ĐỂ KÍCH HOẠT THANH CUỘN */
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    table-layout: fixed;
    word-wrap: break-word;
}

/* Các ô trong bảng (cả th và td) */
.seo-pricing-container th,
.seo-pricing-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    white-space: normal;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-pricing-container thead th {
    background-color: #5ABA42;
    color: #ffffff;
    text-align: center;
}

/* Dòng text nhỏ trong tiêu đề */
.seo-pricing-container thead th span {
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* --- QUY TẮC PHÂN CHIA CHIỀU RỘNG CỘT --- */

/* Đặt chiều rộng cho cột Dịch vụ (cột đầu tiên) */
.seo-pricing-container th:first-child {
    width: 15%; 
}

/* Đặt chiều rộng cho 3 cột gói dịch vụ còn lại */
.seo-pricing-container th:not(:first-child) {
    width: 28%;
}

/* Cột đầu tiên (cột Dịch vụ) */
.seo-pricing-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    vertical-align: middle;
}

/* --- QUY TẮC CĂN LỀ --- */

/* Hàng có nội dung căn trái (Mục tiêu, Tính năng...) */
.seo-pricing-container .row-left td:not(:first-child) {
    text-align: left;
    vertical-align: top;
}

/* Hàng có nội dung căn giữa (Giá, Nút) */
.seo-pricing-container .row-center td {
    text-align: center;
    vertical-align: middle;
}

/* Chữ đậm trong cột đầu tiên */
.seo-pricing-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-pricing-container tbody td strong {
    color: #5ABA42;
}

/* Nút "Chọn Gói" */
.btn-select {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select:hover {
    background-color: #4a9b36;
}

/* Nút nổi bật cho gói Standard */
.btn-featured {
    background-color: #ff9800;
}
.btn-featured:hover {
    background-color: #e68900;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64504d4 *//* --- Tùy chỉnh cho bảng Add-on SEO --- */

/* Container bao bọc bảng để tạo thanh cuộn ngang trên di động */
.seo-addon-container {
    overflow-x: auto; /* Kích hoạt thanh cuộn ngang khi cần */
    width: 100%;
    margin: 2em 0; /* Thêm khoảng cách trên dưới */
}

/* Toàn bộ bảng */
.seo-addon-container table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Ngăn nội dung tự động xuống dòng */
    background-color: #ffffff;
    border-radius: 8px; /* Bo góc cho cả bảng */
    overflow: hidden; /* Ẩn phần thừa để bo góc hoạt động */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Các ô trong bảng (cả th và td) */
.seo-addon-container th,
.seo-addon-container td {
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
}

/* Tiêu đề bảng (hàng đầu tiên) */
.seo-addon-container thead th {
    background-color: #5ABA42; /* Màu chủ đạo của bạn */
    color: #ffffff;
    
}

/* Dòng text nhỏ trong tiêu đề */
.seo-addon-container thead th span {
    
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

/* Cột đầu tiên (cột Add-on) */
.seo-addon-container tbody td:first-child {
    text-align: left;
    background-color: #f9f9f9;
    white-space: normal; /* Cho phép cột này xuống dòng nếu cần */
}

/* Chữ đậm trong cột đầu tiên */
.seo-addon-container tbody td:first-child strong {
    color: #333;
}

/* Giá tiền */
.seo-addon-container tbody td strong {
    
    color: #5ABA42; /* Màu chủ đạo cho giá */
}

/* Nút "Chọn Add-on" (nếu muốn thêm sau) */
.btn-select-addon {
    display: inline-block;
    background-color: #5ABA42;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn-select-addon:hover {
    background-color: #4a9b36; /* Màu đậm hơn khi hover */
}/* End custom CSS */