.elementor-3230 .elementor-element.elementor-element-18fc0cd{--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-3230 .elementor-element.elementor-element-7d78c3a{--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-3230 .elementor-element.elementor-element-bb9335b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3230 .elementor-element.elementor-element-d929cae{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3230 .elementor-element.elementor-element-20610bc{--display:flex;}.elementor-3230 .elementor-element.elementor-element-20610bc:not(.elementor-motion-effects-element-type-background), .elementor-3230 .elementor-element.elementor-element-20610bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141414;}.elementor-3230 .elementor-element.elementor-element-49020bf{--display:flex;--flex-wrap:nowrap;}.elementor-3230 .elementor-element.elementor-element-49020bf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3230 .elementor-element.elementor-element-4b73fbd{--display:flex;}.elementor-3230 .elementor-element.elementor-element-f9b68df{--display:flex;}.elementor-3230 .elementor-element.elementor-element-8b2d754{--display:flex;}.elementor-3230 .elementor-element.elementor-element-ee3f142{--n-accordion-title-font-size:1rem;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}@media(min-width:768px){.elementor-3230 .elementor-element.elementor-element-49020bf{--width:94.34%;}}/* Start custom CSS for html, class: .elementor-element-52c7a6d *//* Container bao quanh toggle */
.global-toggle-container {
    display: flex; /* Sử dụng flexbox để căn giữa */
    justify-content: center; /* Căn giữa theo chiều ngang */
    align-items: center; /* Căn giữa theo chiều dọc */
    margin: 20px 0; /* Tạo khoảng cách trên dưới */
}

/* Nút toggle chính */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    margin-right: 10px; /* Khoảng cách giữa toggle và nhãn */
}

.switch input {
    display: none; /* Ẩn checkbox */
}

/* Thanh slider của toggle */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc; /* Màu nền khi tắt */
    transition: 0.4s;
    border-radius: 25px;
}

/* Nút tròn bên trong */
.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background-color: white; /* Màu trắng cho nút */
    transition: 0.4s;
    border-radius: 50%;
}

/* Khi toggle bật */
input:checked + .slider {
    background-color: #FFEC8B; /* Nền vàng gold */
}

input:checked + .slider:before {
    transform: translateX(25px);
}

/* Nhãn toggle */
.global-toggle-label {
    font-size: 16px;
    font-weight: bold;
    color: #fff; /* Mặc định màu trắng */
    transition: color 0.4s;
}

/* Khi toggle bật, nhãn chuyển sang vàng gold */
input:checked ~ .global-toggle-label {
    color: #FFEC8B;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-ee3f142 *//* Ẩn heading-module trong các template từ template-1 đến template-12 chỉ khi nằm trong accordion có class mucluc */
.mucluc #template-1 .heading-module,
.mucluc #template-2 .heading-module,
.mucluc #template-3 .heading-module,
.mucluc #template-4 .heading-module,
.mucluc #template-5 .heading-module,
.mucluc #template-6 .heading-module,
.mucluc #template-7 .heading-module,
.mucluc #template-8 .heading-module,
.mucluc #template-9 .heading-module,
.mucluc #template-10 .heading-module,
.mucluc #template-11 .heading-module,
.mucluc #template-12 .heading-module {
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0159ec *//* Ẩn tất cả container "VIP" ban đầu */
    .content-container.vip {
        display: none;
    }

    /* Tùy chỉnh nút xem thêm */
    .show-more-btn {
        cursor: pointer;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        text-align: center;
        margin-top: 20px;
        font-weight: bold; /* Đặt font chữ đậm */
    }

    /* Hiển thị mũi tên */
    .arrow {
        font-size: 16px;
        margin-left: 5px;
    }/* End custom CSS */