.elementor-6516 .elementor-element.elementor-element-29ea3ea{--display:flex;}.elementor-6516 .elementor-element.elementor-element-0848a09{--display:flex;--min-height:50px;--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;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6516 .elementor-element.elementor-element-4559c3a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-0638c80 );--border-color:var( --e-global-color-0638c80 );--border-radius:12px 12px 12px 12px;--padding-block-start:30px;--padding-block-end:30px;--padding-inline-start:30px;--padding-inline-end:30px;}.elementor-6516 .elementor-element.elementor-element-4559c3a:not(.elementor-motion-effects-element-type-background), .elementor-6516 .elementor-element.elementor-element-4559c3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2F783B17;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-4559c3a{--padding-inline-start:30px;--padding-inline-end:30px;}.elementor-6516 .elementor-element.elementor-element-85f57ab{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6516 .elementor-element.elementor-element-1ac7d1b{--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;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6516 .elementor-element.elementor-element-86588e3{--divider-border-style:solid;--divider-color:#F7BB02;--divider-border-width:3px;width:initial;max-width:initial;}.elementor-6516 .elementor-element.elementor-element-86588e3.elementor-element{--align-self:center;}.elementor-6516 .elementor-element.elementor-element-86588e3 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-6516 .elementor-element.elementor-element-86588e3 .elementor-divider{text-align:left;padding-block-start:9px;padding-block-end:9px;}.elementor-6516 .elementor-element.elementor-element-b7fe585{width:var( --container-widget-width, 84% );max-width:84%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:84%;--container-widget-flex-grow:0;text-align:left;}.elementor-6516 .elementor-element.elementor-element-b7fe585.elementor-element{--align-self:center;}.elementor-6516 .elementor-element.elementor-element-b7fe585 .elementor-heading-title{font-family:"Poppins", Inter;font-size:14px;font-weight:400;text-transform:uppercase;line-height:1.4em;letter-spacing:0.9px;color:var( --e-global-color-secondary );}.elementor-6516 .elementor-element.elementor-element-24af002{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6516 .elementor-element.elementor-element-24af002 .elementor-heading-title{font-family:"Montserrat", Inter;font-size:17px;text-transform:uppercase;line-height:1.6em;letter-spacing:0.2px;color:var( --e-global-color-secondary );}.elementor-6516 .elementor-element.elementor-element-562cc18{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:14px;}.elementor-6516 .elementor-element.elementor-element-562cc18 p{margin-block-end:0px;}.elementor-6516 .elementor-element.elementor-element-f007430 .elementor-button{background-color:transparent;font-family:"Inter", Inter;font-size:12px;font-weight:600;letter-spacing:0.8px;fill:var( --e-global-color-quaternary );color:var( --e-global-color-quaternary );background-image:linear-gradient(161deg, var( --e-global-color-primary ) 9%, var( --e-global-color-secondary ) 83%);border-radius:26px 26px 26px 26px;padding:15px 38px 15px 38px;}.elementor-6516 .elementor-element.elementor-element-f007430 .elementor-button:hover, .elementor-6516 .elementor-element.elementor-element-f007430 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-quaternary );background-image:linear-gradient(131deg, var( --e-global-color-secondary ) 9%, var( --e-global-color-primary ) 88%);}.elementor-6516 .elementor-element.elementor-element-f007430 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-6516 .elementor-element.elementor-element-f007430 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6516 .elementor-element.elementor-element-f007430 .elementor-button:hover svg, .elementor-6516 .elementor-element.elementor-element-f007430 .elementor-button:focus svg{fill:var( --e-global-color-quaternary );}.elementor-6516 .elementor-element.elementor-element-e5919a5{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-0638c80 );--border-color:var( --e-global-color-0638c80 );--border-radius:12px 12px 12px 12px;--padding-block-start:30px;--padding-block-end:30px;--padding-inline-start:30px;--padding-inline-end:30px;}.elementor-6516 .elementor-element.elementor-element-e5919a5:not(.elementor-motion-effects-element-type-background), .elementor-6516 .elementor-element.elementor-element-e5919a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2F783B17;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-e5919a5{--padding-inline-start:30px;--padding-inline-end:30px;}.elementor-6516 .elementor-element.elementor-element-367e90c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6516 .elementor-element.elementor-element-e245fe6{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6516 .elementor-element.elementor-element-e245fe6 .elementor-heading-title{font-family:"Montserrat", Inter;font-size:16px;line-height:1.6em;letter-spacing:0.2px;color:var( --e-global-color-secondary );}.elementor-6516 .elementor-element.elementor-element-6f8d857{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:14px;}.elementor-6516 .elementor-element.elementor-element-6f8d857 p{margin-block-end:0px;}.elementor-6516 .elementor-element.elementor-element-5503fbe{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-0638c80 );--border-color:var( --e-global-color-0638c80 );--border-radius:12px 12px 12px 12px;--padding-block-start:30px;--padding-block-end:30px;--padding-inline-start:30px;--padding-inline-end:30px;}.elementor-6516 .elementor-element.elementor-element-5503fbe:not(.elementor-motion-effects-element-type-background), .elementor-6516 .elementor-element.elementor-element-5503fbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2F783B17;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-5503fbe{--padding-inline-start:30px;--padding-inline-end:30px;}.elementor-6516 .elementor-element.elementor-element-742599a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6516 .elementor-element.elementor-element-5177eae{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6516 .elementor-element.elementor-element-5177eae .elementor-heading-title{font-family:"Montserrat", Inter;font-size:16px;line-height:1.6em;letter-spacing:0.2px;color:var( --e-global-color-secondary );}.elementor-6516 .elementor-element.elementor-element-7b5388b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:14px;}.elementor-6516 .elementor-element.elementor-element-7b5388b p{margin-block-end:0px;}.elementor-6516 .elementor-element.elementor-element-b4b1e33{--grid-row-gap:10px;--grid-column-gap:30px;}.elementor-6516 .elementor-element.elementor-element-b4b1e33 .elementor-post__title, .elementor-6516 .elementor-element.elementor-element-b4b1e33 .elementor-post__title a{color:var( --e-global-color-b2d036f );font-size:14px;font-weight:500;text-decoration:underline;line-height:1.6em;letter-spacing:0.3px;}.elementor-6516 .elementor-element.elementor-element-b4b1e33 .elementor-post__title{margin-bottom:3px;}@media(max-width:991px){.elementor-6516 .elementor-element.elementor-element-0848a09{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6516 .elementor-element.elementor-element-b7fe585{margin:020px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-6516 .elementor-element.elementor-element-24af002{width:var( --container-widget-width, 79% );max-width:79%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:79%;--container-widget-flex-grow:0;text-align:center;}.elementor-6516 .elementor-element.elementor-element-24af002 .elementor-heading-title{font-size:40px;}.elementor-6516 .elementor-element.elementor-element-e245fe6{width:var( --container-widget-width, 79% );max-width:79%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:79%;--container-widget-flex-grow:0;text-align:center;}.elementor-6516 .elementor-element.elementor-element-e245fe6 .elementor-heading-title{font-size:40px;}.elementor-6516 .elementor-element.elementor-element-5177eae{width:var( --container-widget-width, 79% );max-width:79%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:79%;--container-widget-flex-grow:0;text-align:center;}.elementor-6516 .elementor-element.elementor-element-5177eae .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-6516 .elementor-element.elementor-element-b7fe585{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-6516 .elementor-element.elementor-element-24af002{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6516 .elementor-element.elementor-element-24af002 .elementor-heading-title{font-size:29px;}.elementor-6516 .elementor-element.elementor-element-e245fe6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6516 .elementor-element.elementor-element-e245fe6 .elementor-heading-title{font-size:29px;}.elementor-6516 .elementor-element.elementor-element-5177eae{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6516 .elementor-element.elementor-element-5177eae .elementor-heading-title{font-size:29px;}}/* Start custom CSS for html, class: .elementor-element-9fd2297 *//* 1. Khai báo biến cục bộ cho Widget này */
.elementor-6516 .elementor-element.elementor-element-9fd2297 {
    /* Màu sắc */
    --sort-primary-color: #7aa93c;      /* Màu xanh chủ đạo */
    --sort-text-main: #2f783b;          /* Màu chữ chính */
    --sort-text-sub: #666;           /* Màu chữ phụ/menu */
    --sort-bg-color: #ffffff;           /* Màu nền */
    --sort-bg-hover: #f9f9f9;           /* Màu nền khi hover item */
    --sort-border-color: #7aa93c;       /* Màu viền */
    
    /* Kích thước & Bo góc */
    --sort-radius-btn: 50px;            /* Bo tròn nút */
    --sort-radius-box: 12px;            /* Bo tròn hộp dropdown */
    --sort-font-size: 16px;             /* Cỡ chữ */
    
    /* Hiệu ứng */
    --sort-shadow: 0 10px 25px rgba(0,0,0,0.1);
    --sort-transition: all 0.3s ease;
}

/* 2. Container chính */
.elementor-6516 .elementor-element.elementor-element-9fd2297 .custom-sort-wrapper {
    position: relative;
    display: inline-block;
    /* Kế thừa font từ Elementor Global hoặc Theme Porto */
    font-family: var(--e-global-typography-text-font-family), inherit; 
}

/* 3. Style cho nút bấm */
.elementor-6516 .elementor-element.elementor-element-9fd2297 .sort-btn {
    background: var(--sort-bg-color);
    border: 1px solid var(--sort-border-color);
    border-radius: var(--sort-radius-btn);
    cursor: pointer;
    font-size: var(--sort-font-size);
    font-weight: 600;
    color: var(--sort-text-main);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    transition: var(--sort-transition);
}

/* Hover nút */
.elementor-6516 .elementor-element.elementor-element-9fd2297 .sort-btn:hover {
    border-color: var(--sort-primary-color);
    color: var(--sort-primary-color);
}

/* 4. Danh sách dropdown */
.elementor-6516 .elementor-element.elementor-element-9fd2297 .sort-dropdown {
    display: none;
    position: absolute;
    top: 120%; 
    left: 0; 
    background: var(--sort-bg-color);
    min-width: 200px;
    box-shadow: var(--sort-shadow);
    border: 1px solid #f0f0f0; /* Có thể đưa vào biến nếu cần */
    border-radius: var(--sort-radius-box);
    padding: 8px 0;
    z-index: 999;
}

/* Class kích hoạt hiển thị (được thêm bởi JS) */
.elementor-6516 .elementor-element.elementor-element-9fd2297 .sort-dropdown.show {
    display: block;
    animation: slideDown 0.2s ease-out;
}

/* 5. Link/Item bên trong */
.elementor-6516 .elementor-element.elementor-element-9fd2297 .sort-item {
    display: block;
    padding: 10px 20px;
    text-decoration: none !important;
    color: var(--sort-text-sub);
    font-size: var(--sort-font-size);
    transition: 0.2s;
}

.elementor-6516 .elementor-element.elementor-element-9fd2297 .sort-item:hover {
    background-color: var(--sort-bg-hover);
    color: var(--sort-primary-color);
    font-weight: 500;
}

/* 6. Hiệu ứng loading mờ Grid (thường áp dụng cho container sản phẩm bên ngoài) */
/* Lưu ý: Nếu grid nằm ngoài widget này, bạn có thể cần bỏ '.elementor-6516 .elementor-element.elementor-element-9fd2297' ở dòng dưới 
   hoặc đảm bảo class grid-loading nằm trong phạm vi widget */
.grid-loading { 
    opacity: 0.4;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* Animation */
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-29b22b4 *//* 1. Style cho nút Select (Cái khung bên ngoài) */
select.porto-custom-select {
    /* Xóa giao diện mặc định xấu xí của trình duyệt */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Kích thước và màu sắc giống hình mẫu */
    background-color: #ffffff;
    width: 100%;
    border: 1px solid #7aa93c; /* Màu xanh lá viền */

    color: #2f783b;            /* Màu chữ xanh đậm */
    
    font-size: 14px;
    font-weight: 600;          /* Chữ đậm vừa phải */
    font-family: inherit;      /* Theo font của web */
    
    /* Căn chỉnh khoảng cách */
    padding: 8px 35px 8px 20px; /* Padding phải rộng hơn để chứa mũi tên */
    min-width: 180px;
    cursor: pointer;
    outline: none;

    /* Tạo mũi tên giả bằng hình nền (Vì đã xóa mũi tên mặc định) */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237aa93c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    
    /* Căn giữa chữ */
    text-align: left; 
}

/* Hiệu ứng khi di chuột vào */
select.porto-custom-select:hover {
    background-color: #fcfdfb; /* Màu nền xanh rất nhạt khi hover */
}

/* Hiệu ứng khi đang click chọn */
select.porto-custom-select:focus {
    border-color: #2f783b; /* Viền đậm hơn khi click */
}

/* 2. CSS cho Sub-option (Các mục bên trong) 
   Lưu ý: Chỉ một số trình duyệt hỗ trợ đổi màu chữ/nền ở đây */
select.porto-custom-select option {
    color: #333;             /* Màu chữ mục con */
    background-color: #fff;  /* Nền trắng */
    padding: 10px;           /* Khoảng cách (chỉ chạy trên Firefox) */
    font-weight: normal;
}/* End custom CSS */