.elementor-13 .elementor-element.elementor-element-60b3c49{--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-13 .elementor-element.elementor-element-af0b25e{padding:0px 50px 0px 50px;}.elementor-13 .elementor-element.elementor-element-af0b25e.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-025906c{padding:0px 50px 0px 50px;}.elementor-13 .elementor-element.elementor-element-025906c.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-6a3cbf1{padding:0px 50px 0px 50px;}.elementor-13 .elementor-element.elementor-element-6a3cbf1.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-33773cc{width:var( --container-widget-width, 96.276% );max-width:96.276%;padding:0px 20px 0px 20px;--container-widget-width:96.276%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-33773cc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-8365bde{width:var( --container-widget-width, 99% );max-width:99%;padding:0px 50px 0px 50px;--container-widget-width:99%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-8365bde.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-cee7c40{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 50px 0px 50px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-cee7c40.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-f810113{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 50px 0px 50px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-f810113.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-75e3cfd7{--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-13 .elementor-element.elementor-element-33171d65{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-af0b25e{padding:30px 30px 30px 30px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-af0b25e{padding:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-af0b25e.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-025906c{padding:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-6a3cbf1{padding:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-33773cc{padding:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-8365bde{padding:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-cee7c40{padding:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-f810113{padding:10px 0px 10px 0px;}}/* Start custom CSS for html, class: .elementor-element-af0b25e *//* Thiết lập Layout chung 2 cột */
.elementor-13 .elementor-element.elementor-element-af0b25e .hyamin-recruit-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    font-family: 'Inter', sans-serif; /* Hoặc font mặc định của theme */
    padding: 20px 0;
}

/* Chia tỷ lệ cột: Trái 55%, Phải 45% */
.elementor-13 .elementor-element.elementor-element-af0b25e .hyamin-left {
    flex: 1 1 500px; /* Tối thiểu 500px rồi mới xuống dòng */
}
.elementor-13 .elementor-element.elementor-element-af0b25e .hyamin-right {
    flex: 1 1 350px;
}

/* --- STYLE CỘT TRÁI --- */

/* Badge trên cùng */
.elementor-13 .elementor-element.elementor-element-af0b25e .recruit-badge {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 20px;
    background: #fff;
}
.elementor-13 .elementor-element.elementor-element-af0b25e .recruit-badge .dot {
    width: 8px;
    height: 8px;
    background-color: #ff6b6b; /* Màu đỏ chấm tròn */
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 0 2px #ffebeb;
}

/* Tiêu đề chính */
.elementor-13 .elementor-element.elementor-element-af0b25e .main-title {
    font-size: 38px;
    line-height: 1.3;
    font-weight: 700;
    color: #F7F700;
    margin-bottom: 20px;
}

/* Đoạn mô tả */
.elementor-13 .elementor-element.elementor-element-af0b25e .description {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 90%;
}

/* Nút bấm (Buttons) */
.elementor-13 .elementor-element.elementor-element-af0b25e .cta-group {
    display: flex;
    gap: 15px;
    margin-bottom: 35px;
}
.elementor-13 .elementor-element.elementor-element-af0b25e .btn {
    text-decoration: none;
    padding: 12px 28px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s ease;
    display: inline-block;
}
.elementor-13 .elementor-element.elementor-element-af0b25e .btn-primary {
    /* Gradient màu đỏ cam như hình */
    background: linear-gradient(90deg, #ff7e7e 0%, #ff5f5f 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 95, 95, 0.3);
}
.elementor-13 .elementor-element.elementor-element-af0b25e .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 95, 95, 0.4);
}
.elementor-13 .elementor-element.elementor-element-af0b25e .btn-outline {
    background: white;
    border: 1px solid #ddd;
    color: #333;
}
.elementor-13 .elementor-element.elementor-element-af0b25e .btn-outline:hover {
    border-color: #333;
    background: #f9f9f9;
}

/* Tags (Các từ khóa) */
.elementor-13 .elementor-element.elementor-element-af0b25e .tags-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.elementor-13 .elementor-element.elementor-element-af0b25e .tag {
    background: #f4f4f4;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    border: 1px solid transparent;
}
.elementor-13 .elementor-element.elementor-element-af0b25e .tag:first-child {
    /* Tag đầu tiên đậm hơn chút hoặc viền như hình nếu muốn */
    background: #fff;
    border-color: #eee;
}

/* --- STYLE CỘT PHẢI (CARD) --- */

.elementor-13 .elementor-element.elementor-element-af0b25e .stats-card {
    border: 1px solid #eee;
    border-radius: 20px;
    overflow: hidden;
    background: white;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Phần nền Gradient giả lập hình ảnh */
.elementor-13 .elementor-element.elementor-element-af0b25e .card-image-placeholder {
    height: 180px;
    width: 100%;
    /* Gradient hồng tím nhạt giống hình */
    background: linear-gradient(135deg, #ffe5e5 0%, #f3e6ff 50%, #fff0f5 100%);
}

.elementor-13 .elementor-element.elementor-element-af0b25e .card-content {
    padding: 25px;
}

.elementor-13 .elementor-element.elementor-element-af0b25e .card-content h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #F8681A;
}

/* Lưới hiển thị 3 ô số liệu */
.elementor-13 .elementor-element.elementor-element-af0b25e .stats-grid {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.elementor-13 .elementor-element.elementor-element-af0b25e .stat-box {
    flex: 1;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.elementor-13 .elementor-element.elementor-element-af0b25e .stat-box .number {
    font-size: 18px;
    font-weight: 800;
    color: #F8681A;
    display: block;
    margin-bottom: 5px;
}
.elementor-13 .elementor-element.elementor-element-af0b25e .stat-box .label {
    font-size: 12px;
    color: #666;
    font-weight: 500;
}

.elementor-13 .elementor-element.elementor-element-af0b25e .card-note {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin-top: 10px;
}

/* --- RESPONSIVE (DI ĐỘNG) --- */
@media (max-width: 768px) {
    .elementor-13 .elementor-element.elementor-element-af0b25e .main-title {
        font-size: 28px; /* Chữ nhỏ hơn trên mobile */
    }
    .elementor-13 .elementor-element.elementor-element-af0b25e .hyamin-recruit-wrapper {
        flex-direction: column; /* Xếp chồng dọc */
    }
    .elementor-13 .elementor-element.elementor-element-af0b25e .stats-grid {
        gap: 10px;
    }
    .elementor-13 .elementor-element.elementor-element-af0b25e .stat-box .number {
        font-size: 16px;
    }
    .elementor-13 .elementor-element.elementor-element-af0b25e .cta-group {
        flex-direction: column; /* Nút xếp dọc trên mobile cho dễ bấm */
        width: 100%;
    }
    .elementor-13 .elementor-element.elementor-element-af0b25e .btn {
        text-align: center;
        width: 100%;
    }
}
/* ... (Các CSS cũ giữ nguyên) ... */

/* --- STYLE CỘT PHẢI (CARD) --- */

.elementor-13 .elementor-element.elementor-element-af0b25e .stats-card {
    border: 1px solid #eee;
    border-radius: 20px;
    overflow: hidden;
    background: white;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* CSS cho phần chứa ảnh banner sản phẩm */
.elementor-13 .elementor-element.elementor-element-af0b25e .card-image-placeholder {
    /* Xóa bỏ chiều cao cố định và background gradient cũ */
    /* height: 180px; */
    /* background: linear-gradient(135deg, #ffe5e5 0%, #f3e6ff 50%, #fff0f5 100%); */
    
    /* Thiết lập để ảnh hiển thị đẹp */
    width: 100%;
    overflow: hidden; /* Đảm bảo ảnh không bị tràn ra ngoài khi bo góc */
}

/* Định dạng thẻ img bên trong */
.elementor-13 .elementor-element.elementor-element-af0b25e .card-image-placeholder img {
    width: 100%;
    height: 500px; /* Bạn có thể điều chỉnh chiều cao này tùy ý */
    object-fit: cover; /* Giúp ảnh hiển thị đầy khung mà không bị méo */
    display: block; /* Loại bỏ khoảng trắng thừa dưới ảnh */
}

/* ... (Các CSS khác giữ nguyên) ... *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-025906c *//* --- PHIÊN BẢN TAM04: MỞ RỘNG (WIDE) --- */

/* 1. KHUNG BAO NGOÀI */
.hyamin-section-TAM04 {
    background-color: #F8681A;
    padding: 60px 0; /* Giảm padding trái phải để tận dụng không gian */
    font-family: 'Inter', sans-serif, Arial;
    width: 100%;
    box-sizing: border-box;
}
.hyamin-section-TAM04 * { box-sizing: border-box; }

/* 2. HEADER */
.hy-head-TAM04 {
    text-align: center;
    margin-bottom: 40px;
    color: #ffffff;
    padding: 0 15px; /* Chừa lề một chút trên mobile */
}
.hy-title-main-TAM04 {
    font-size: 80px; font-weight: 900; text-transform: uppercase;
    margin: 0 0 10px 0; line-height: 1.2; color: #F7F700;
}
.hy-sub-TAM04 { font-size: 16px; opacity: 0.95; font-weight: 500; }

/* 3. LƯỚI 2 CỘT (ĐIỂM MẤU CHỐT ĐỂ RỘNG RA) */
.hy-grid-TAM04 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    /* Thay đổi quan trọng: Tăng từ 1200px lên 1600px */
    max-width: 1600px; 
    width: 95%; /* Chiếm 95% chiều ngang màn hình */
    margin: 0 auto;
    align-items: stretch;
}
.hy-col-TAM04 {
    flex: 1 1 500px; /* Tăng độ rộng cơ sở để thẻ to hơn */
    display: flex;
}

/* 4. THẺ CARD TRẮNG */
.hy-card-TAM04 {
    background-color: #ffffff !important;
    border-radius: 20px;
    padding: 50px; /* Tăng padding trong thẻ cho thoáng */
    width: 100%;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
}

/* 5. NỘI DUNG BÊN TRONG */
.card-h2-TAM04 {
    color: #F8681A; font-size: 28px; font-weight: 900; 
    margin: 0 0 25px 0; text-transform: uppercase;
}
.card-h3-TAM04 {
    color: #F8681A; font-size: 18px; font-weight: 800; 
    margin: 35px 0 15px 0; text-transform: uppercase; 
    border-bottom: 2px solid #eee; display: inline-block; padding-bottom: 5px;
}
.card-p-TAM04 {
    font-size: 16px; /* Tăng cỡ chữ lên xíu cho dễ đọc trên web rộng */
    line-height: 1.6; color: #333; margin-bottom: 15px; text-align: justify;
}
.hl-TAM04 { color: #F8681A; font-weight: 700; }

/* 6. THỐNG KÊ (GRID) */
.stats-box-TAM04 {
    display: flex; gap: 10px; background: #fffcf8; padding: 20px 0;
    margin: 25px 0; border-radius: 12px; border-left: 5px solid #F8681A;
}
.stat-one-TAM04 { flex: 1; text-align: center; border-right: 1px solid #eee; }
.stat-one-TAM04:last-child { border-right: none; }
.stat-n-TAM04 { display: block; font-size: 58px; font-weight: 900; color: #F8681A; margin-bottom: 5px; }
.stat-l-TAM04 { font-size: 11px; font-weight: 700; color: #666; text-transform: uppercase; }

/* 7. BOX SỨ MỆNH */
.ms-box-TAM04 {
    background: #fff; border-radius: 12px; padding: 25px; margin-bottom: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-left: 6px solid #FFD700;
}
.ms-lbl-TAM04 { font-size: 12px; font-weight: 800; color: red; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; }
.ms-txt-TAM04 { font-size: 16px; line-height: 1.5; color: #222; font-weight: 600; margin: 0; }

/* 8. LIST */
.ul-TAM04 { list-style: none; padding: 0; margin: 0; }
.ul-TAM04 li {
    position: relative; padding-left: 25px; margin-bottom: 12px; font-size: 15px; color: #444; line-height: 1.5;
}
.ul-TAM04 li::before {
    content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border: 2px solid #F8681A;
}

/* --- 9. MOBILE RESPONSIVE (TỐI ƯU DI ĐỘNG) --- */
@media (max-width: 768px) {
    .hyamin-section-TAM04 { padding: 40px 0; }
    .hy-title-main-TAM04 { font-size: 28px; }
    
    .hy-grid-TAM04 { 
        width: 100%; /* Trên mobile thì full màn hình */
        padding: 0 15px; /* Cách lề trái phải 15px */
        flex-direction: column; /* Xếp chồng dọc */
    }
    
    .hy-card-TAM04 { 
        padding: 30px 20px; /* Giảm padding thẻ cho đỡ tốn diện tích */
    }
    
    /* Xử lý thống kê trên mobile */
    .stats-box-TAM04 { flex-wrap: wrap; }
    .stat-one-TAM04 { min-width: 100px; border: none; margin-bottom: 10px; }
    
    .card-p-TAM04 { text-align: left; } /* Trên mobile canh trái dễ đọc hơn canh đều */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a3cbf1 *//* --- Khung chung --- */
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .hyamin-culture-section {
    padding: 40px 0;
    font-family: 'Inter', sans-serif;
}

/* --- Header --- */
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-header {
    margin-bottom: 35px;
    border-left: 5px solid #ff6b6b; /* Giữ đường kẻ đỏ thương hiệu */
    padding-left: 20px;
}
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .section-title {
    font-size: 32px;
    font-weight: 800;
    color: #F7F700;
    margin-bottom: 8px;
}
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .section-subtitle {
    font-size: 16px;
    color: white;
    margin: 0;
}

/* --- Grid Layout 5 Cột --- */
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-grid {
    display: grid;
    /* Tự động chia 5 cột đều nhau */
    grid-template-columns: repeat(5, 1fr); 
    gap: 20px;
}

/* --- Style từng Card --- */
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 25px 20px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%; /* Đảm bảo các card cao bằng nhau */
    position: relative;
    overflow: hidden;
}

/* Hiệu ứng viền dưới khi hover (Màu cam) */
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-card::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 4px;
    background: #ff6b6b;
    transform: scaleX(0); /* Ẩn đi ban đầu */
    transition: transform 0.3s ease;
    transform-origin: left;
}

.elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-card:hover {
    transform: translateY(-5px); /* Bay lên nhẹ */
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-color: #ffcccc; /* Viền chuyển màu hồng nhạt */
}

.elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-card:hover::after {
    transform: scaleX(1); /* Hiện viền dưới khi hover */
}

/* Icon (Emoji) */
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .card-icon {
    font-size: 32px;
    margin-bottom: 15px;
    /* Làm nền tròn mờ cho icon đẹp hơn */
    width: 50px; height: 50px;
    background: #fff5f5;
    display: flex;
    align-items: center; justify-content: center;
    border-radius: 50%;
}

/* Tiêu đề Card */
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .card-title {
    font-size: 18px;
    font-weight: 700;
    color: #F8681A;
    margin-bottom: 10px;
}

/* Nội dung Card */
.elementor-13 .elementor-element.elementor-element-6a3cbf1 .card-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    margin: 0;
    flex-grow: 1; /* Đẩy nội dung lấp đầy khoảng trống */
}

/* --- RESPONSIVE (QUAN TRỌNG) --- */
@media (max-width: 1024px) {
    /* Tablet: Chia 3 cột, dòng dưới 2 cột */
    .elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    /* Mobile: Thay vì xếp chồng dọc (chiếm diện tích), ta làm trượt ngang */
    .elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-grid {
        display: flex;
        overflow-x: auto; /* Cho phép lướt ngang */
        scroll-snap-type: x mandatory; /* Bắt dính từng card */
        padding-bottom: 20px; /* Chừa chỗ cho thanh scrollbar */
        gap: 15px;
    }
    
    .elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-card {
        min-width: 260px; /* Chiều rộng cố định để lướt */
        scroll-snap-align: start;
        border: 1px solid #e5e5e5;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    }
    
    /* Ẩn thanh scrollbar xấu xí đi (tùy chọn) */
    .elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-grid::-webkit-scrollbar {
        height: 4px;
    }
    .elementor-13 .elementor-element.elementor-element-6a3cbf1 .culture-grid::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33773cc *//* --- Khung chung --- */
.elementor-13 .elementor-element.elementor-element-33773cc .hyamin-benefits-section {
    padding: 40px 0;
    font-family: 'Inter', sans-serif;
}

/* --- Header (Đồng bộ style với các phần trước) --- */
.elementor-13 .elementor-element.elementor-element-33773cc .benefits-header {
    margin-bottom: 40px;
    border-left: 5px solid #ff6b6b;
    padding-left: 20px;
}
.elementor-13 .elementor-element.elementor-element-33773cc .section-title {
    font-size: 32px;
    font-weight: 800;
    color: #F7F700;
    margin-bottom: 8px;
}
.elementor-13 .elementor-element.elementor-element-33773cc .section-subtitle {
    font-size: 16px;
    color: white;
    margin: 0;
}

/* --- Grid Layout --- */
.elementor-13 .elementor-element.elementor-element-33773cc .benefits-grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

/* --- Style Card Cao Cấp --- */
.elementor-13 .elementor-element.elementor-element-33773cc .benefit-card {
    flex: 1 1 450px;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    display: flex; /* Dàn trang ngang (Icon bên trái, Text bên phải) */
    gap: 25px;
    align-items: flex-start;
    
    /* Hiệu ứng bóng đổ và viền */
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Hiệu ứng Hover: Nổi lên và viền sáng */
.elementor-13 .elementor-element.elementor-element-33773cc .benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(255, 107, 107, 0.15);
    border-color: #ffcccc;
}

/* --- Icon Wrapper (Vòng tròn chứa icon) --- */
.elementor-13 .elementor-element.elementor-element-33773cc .card-icon-wrapper {
    width: 60px; height: 60px;
    flex-shrink: 0; /* Không bị co lại */
    border-radius: 16px; /* Bo góc vuông mềm */
    display: flex;
    align-items: center; justify-content: center;
    font-size: 28px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Màu riêng cho từng icon */
.elementor-13 .elementor-element.elementor-element-33773cc .icon-briefcase {
    background: linear-gradient(135deg, #fff5e6 0%, #ffeaa7 100%); /* Màu vàng nhạt */
    color: #d35400;
}
.elementor-13 .elementor-element.elementor-element-33773cc .icon-heart {
    background: linear-gradient(135deg, #ffe6e6 0%, #ffadad 100%); /* Màu đỏ nhạt */
    color: #c0392b;
}

/* --- Nội dung bên phải --- */
.elementor-13 .elementor-element.elementor-element-33773cc .card-content {
    flex-grow: 1;
}

.elementor-13 .elementor-element.elementor-element-33773cc .benefit-title {
    font-size: 20px;
    font-weight: 800;
    color: #F8681A;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0; /* Đường kẻ mờ ngăn cách tiêu đề */
    display: inline-block; /* Để đường kẻ chỉ dài bằng chữ (tùy chọn) */
    width: 100%;
}

/* List Styled */
.elementor-13 .elementor-element.elementor-element-33773cc .benefit-list {
    list-style: none;
    padding: 0; margin: 0;
}
.elementor-13 .elementor-element.elementor-element-33773cc .benefit-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    color: #444;
    font-size: 15px;
    line-height: 1.5;
}

/* Tạo dấu mũi tên màu cam thay cho dấu chấm */
.elementor-13 .elementor-element.elementor-element-33773cc .benefit-list li::before {
    content: "➤"; 
    position: absolute;
    left: 0; top: 2px;
    font-size: 12px;
    color: #ff6b6b; /* Màu thương hiệu */
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .elementor-13 .elementor-element.elementor-element-33773cc .benefit-card {
        flex-direction: column; /* Mobile: Icon lên trên, chữ xuống dưới */
        align-items: center;
        text-align: center;
    }
    .elementor-13 .elementor-element.elementor-element-33773cc .benefit-list li {
        text-align: left; /* Chữ trong list vẫn canh trái cho dễ đọc */
        padding-left: 0; /* Reset padding */
        display: flex; /* Dùng flex để canh icon và chữ */
        gap: 10px;
    }
    .elementor-13 .elementor-element.elementor-element-33773cc .benefit-list li::before {
        position: static; /* Không dùng absolute nữa */
        margin-top: 4px; /* Căn chỉnh icon với dòng đầu tiên */
    }
    .elementor-13 .elementor-element.elementor-element-33773cc .benefit-title {
        border-bottom: none; /* Bỏ gạch chân trên mobile cho đỡ rối */
        margin-top: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8365bde *//* --- CONTAINER --- */
.elementor-13 .elementor-element.elementor-element-8365bde .hyamin-jobs-full-view {
    font-family: 'Inter', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 20px; /* Khoảng cách giữa các Job */
}

/* --- THẺ JOB (CARD) --- */
.elementor-13 .elementor-element.elementor-element-8365bde .job-card-full {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Hiệu ứng hover nhẹ cho cả khối */
.elementor-13 .elementor-element.elementor-element-8365bde .job-card-full:hover {
    border-color: #ff6b6b;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* --- HEADER --- */
.elementor-13 .elementor-element.elementor-element-8365bde .job-header {
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Canh lề trên để nút Ứng tuyển không bị lệch */
    border-bottom: 1px dashed #eee; /* Đường kẻ đứt ngăn cách nhẹ */
}

.elementor-13 .elementor-element.elementor-element-8365bde .job-title {
    font-size: 40px;
    font-weight: 800;
    color: RED;
    margin: 0 0 8px 0;
}

.elementor-13 .elementor-element.elementor-element-8365bde .job-meta {
    font-size: 14px;
    color: #555;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.elementor-13 .elementor-element.elementor-element-8365bde .meta-icon { display: inline-flex; align-items: center; gap: 4px; }
.elementor-13 .elementor-element.elementor-element-8365bde .money { color: #d35400; font-weight: 700; }

/* Nút Ứng tuyển */
.elementor-13 .elementor-element.elementor-element-8365bde .btn-apply {
    background: linear-gradient(90deg, #ff7e7e 0%, #ff5f5f 100%);
    color: #fff;
    border: none;
    padding: 10px 28px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    display: inline-block;
    transition: 0.2s;
}
.elementor-13 .elementor-element.elementor-element-8365bde .btn-apply:hover {
    box-shadow: 0 4px 12px rgba(255, 95, 95, 0.4);
    transform: translateY(-2px);
}

/* --- PHẦN NỘI DUNG --- */
.elementor-13 .elementor-element.elementor-element-8365bde .job-body {
    padding: 24px;
    background: #fff; /* Nền trắng liền mạch */
}

/* Mô tả nhanh */
.elementor-13 .elementor-element.elementor-element-8365bde .quick-desc {
    font-size: 15px;
    color: #444;
    margin-bottom: 25px;
    line-height: 1.6;
    background: #f9fafb; /* Nền xám nhẹ làm nổi bật mô tả */
    padding: 12px 16px;
    border-radius: 8px;
    border-left: 3px solid #ff6b6b;
}

/* Grid 2 cột */
.elementor-13 .elementor-element.elementor-element-8365bde .jd-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.elementor-13 .elementor-element.elementor-element-8365bde .jd-column h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #F8681A;
}

.elementor-13 .elementor-element.elementor-element-8365bde .jd-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.elementor-13 .elementor-element.elementor-element-8365bde .jd-column ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #555;
    line-height: 1.5;
}

.elementor-13 .elementor-element.elementor-element-8365bde .jd-column ul li::before {
    content: "•";
    color: #999;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 20px;
}

/* Mobile */
@media (max-width: 768px) {
    .elementor-13 .elementor-element.elementor-element-8365bde .job-header {
        flex-direction: column;
        gap: 15px;
    }
    .elementor-13 .elementor-element.elementor-element-8365bde .job-action {
        width: 100%;
    }
    .elementor-13 .elementor-element.elementor-element-8365bde .btn-apply {
        display: block;
        text-align: center;
        width: 100%;
    }
    .elementor-13 .elementor-element.elementor-element-8365bde .jd-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cee7c40 *//* --- CONTAINER --- */
.elementor-13 .elementor-element.elementor-element-cee7c40 .hyamin-process-section {
    font-family: 'Inter', sans-serif;
    padding: 40px 0;
}

/* --- HEADER --- */
.elementor-13 .elementor-element.elementor-element-cee7c40 .process-header {
    margin-bottom: 30px;
}
.elementor-13 .elementor-element.elementor-element-cee7c40 .section-title {
    font-size: 28px; /* Tăng kích thước tiêu đề */
    font-weight: 800;
    color: #F7F700;
    margin: 0 0 8px 0;
}
.elementor-13 .elementor-element.elementor-element-cee7c40 .section-subtitle {
    font-size: 16px;
    color: white;
    margin: 0;
}

/* --- GRID LAYOUT (4 CỘT) --- */
.elementor-13 .elementor-element.elementor-element-cee7c40 .process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Chia đều 4 cột */
    gap: 20px;
}

/* --- STYLE TỪNG CARD --- */
.elementor-13 .elementor-element.elementor-element-cee7c40 .process-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Căn lề trái */
    height: 100%; /* Để các thẻ cao bằng nhau */
}

/* Hiệu ứng hover: Card nổi lên nhẹ */
.elementor-13 .elementor-element.elementor-element-cee7c40 .process-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border-color: #ffcccc; /* Viền hồng nhạt */
}

/* --- SỐ THỨ TỰ (BADGE) --- */
.elementor-13 .elementor-element.elementor-element-cee7c40 .step-badge {
    width: 40px;
    height: 40px;
    background: #fff0f0; /* Nền đỏ rất nhạt */
    color: #d63031; /* Chữ đỏ đậm */
    font-weight: 800;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px; /* Bo góc nhẹ giống hình */
    margin-bottom: 20px;
}

/* --- NỘI DUNG TEXT --- */
.elementor-13 .elementor-element.elementor-element-cee7c40 .step-title {
    font-size:20x;
    font-weight: 700;
    color: #F8681A;
    margin: 0 0 8px 0;
}

.elementor-13 .elementor-element.elementor-element-cee7c40 .step-desc {
    font-size: 14px;
    color: black;
    line-height: 1.5;
    margin: 0;
}

/* --- RESPONSIVE (DI ĐỘNG) --- */
@media (max-width: 992px) {
    /* Tablet: Chia 2 cột */
    .elementor-13 .elementor-element.elementor-element-cee7c40 .process-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    /* Mobile: Xếp dọc 1 cột */
    .elementor-13 .elementor-element.elementor-element-cee7c40 .process-grid {
        grid-template-columns: 1fr;
    }
    .elementor-13 .elementor-element.elementor-element-cee7c40 .process-card {
        flex-direction: row; /* Mobile thì cho số nằm ngang hàng với chữ cho gọn */
        align-items: center;
        gap: 15px;
        padding: 15px;
    }
    .elementor-13 .elementor-element.elementor-element-cee7c40 .step-badge {
        margin-bottom: 0;
        flex-shrink: 0; /* Không bị co lại */
        width: 35px; height: 35px; font-size: 16px;
    }
    .elementor-13 .elementor-element.elementor-element-cee7c40 .step-title {
        margin-bottom: 4px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f810113 *//* --- CONTAINER CHUNG --- */
.elementor-13 .elementor-element.elementor-element-f810113 .hyamin-apply-section {
    font-family: 'Inter', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
}

/* --- KHỐI 1: CTA HEADER --- */
.elementor-13 .elementor-element.elementor-element-f810113 .apply-cta-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    padding: 24px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

.elementor-13 .elementor-element.elementor-element-f810113 .cta-title {
    font-size: 32px;
    font-weight: 800;
    color: #F8681A;
    margin: 0 0 8px 0;
}

.elementor-13 .elementor-element.elementor-element-f810113 .cta-desc {
    font-size: 15px;
    color: #555;
    margin: 0;
}

.elementor-13 .elementor-element.elementor-element-f810113 .cta-actions {
    display: flex;
    gap: 12px;
}

/* --- KHỐI 2: FORM CARD --- */
.elementor-13 .elementor-element.elementor-element-f810113 .apply-form-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    padding: 30px;
}

.elementor-13 .elementor-element.elementor-element-f810113 .form-heading {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #F8681A;
}

/* Layout Form */
.elementor-13 .elementor-element.elementor-element-f810113 .form-row {
    margin-bottom: 20px;
}

/* Chia cột (cho hàng Họ tên/SĐT) */
.elementor-13 .elementor-element.elementor-element-f810113 .two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.elementor-13 .elementor-element.elementor-element-f810113 .form-group label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    margin-bottom: 8px;
}

/* Style Input & Select */
.elementor-13 .elementor-element.elementor-element-f810113 input, 
.elementor-13 .elementor-element.elementor-element-f810113 select, 
.elementor-13 .elementor-element.elementor-element-f810113 textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    transition: all 0.2s;
    outline: none;
    background: #fff;
    font-family: inherit; /* Giữ font chữ của web */
}

.elementor-13 .elementor-element.elementor-element-f810113 input:focus, 
.elementor-13 .elementor-element.elementor-element-f810113 select:focus, 
.elementor-13 .elementor-element.elementor-element-f810113 textarea:focus {
    border-color: #ff6b6b;
    box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.1);
}

/* Placeholder màu nhạt */
.elementor-13 .elementor-element.elementor-element-f810113 ::placeholder {
    color: #aaa;
}

/* --- BUTTON STYLES --- */
/* Nút chính (Gradient Đỏ) */
.elementor-13 .elementor-element.elementor-element-f810113 .btn-primary, 
.elementor-13 .elementor-element.elementor-element-f810113 .btn-submit {
    background: linear-gradient(90deg, #ff7e7e 0%, #ff5f5f 100%);
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    display: inline-block;
    transition: 0.2s;
}

.elementor-13 .elementor-element.elementor-element-f810113 .btn-primary:hover,
.elementor-13 .elementor-element.elementor-element-f810113 .btn-submit:hover {
    box-shadow: 0 5px 15px rgba(255, 95, 95, 0.4);
    transform: translateY(-2px);
}

/* Nút phụ (Viền xám) */
.elementor-13 .elementor-element.elementor-element-f810113 .btn-outline,
.elementor-13 .elementor-element.elementor-element-f810113 .btn-contact-hr {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
    padding: 10px 24px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    display: inline-block;
    transition: 0.2s;
}

.elementor-13 .elementor-element.elementor-element-f810113 .btn-outline:hover,
.elementor-13 .elementor-element.elementor-element-f810113 .btn-contact-hr:hover {
    background: #f9f9f9;
    border-color: #bbb;
}

.elementor-13 .elementor-element.elementor-element-f810113 .form-actions {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    /* Header chuyển thành dọc */
    .elementor-13 .elementor-element.elementor-element-f810113 .apply-cta-card {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 20px;
    }
    .elementor-13 .elementor-element.elementor-element-f810113 .cta-actions {
        width: 100%;
        justify-content: center;
    }
    
    /* Form chuyển thành 1 cột */
    .elementor-13 .elementor-element.elementor-element-f810113 .two-col {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .elementor-13 .elementor-element.elementor-element-f810113 .btn-submit, 
    .elementor-13 .elementor-element.elementor-element-f810113 .btn-contact-hr {
        flex: 1; /* Nút to đều trên mobile */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33171d65 *//* ===================================================
   FOOTER HYAMIN - PHIÊN BẢN TAM07 (TỐI ƯU ẢNH MOBILE)
=================================================== */

/* 1. KHUNG BAO FULL MÀN HÌNH */
.hy-ft-full-TAM07 {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #F8681A; 
    box-sizing: border-box;
    font-family: 'Inter', sans-serif, Arial;
    color: #ffffff;
}
.hy-ft-full-TAM07 * { box-sizing: border-box; }

/* 2. KHUNG NỘI DUNG CHÍNH (SIÊU RỘNG TRÊN PC) */
.hy-ft-inner-TAM07 {
    display: flex;
    width: 98%; 
    max-width: 1920px; 
    margin: 0 auto;
    align-items: stretch; 
}

/* 3. CỘT TRÁI: HÌNH ẢNH TRÊN PC (KÉO FULL DỌC) */
.hy-ft-img-col-TAM07 {
    flex: 1; 
    min-height: 100%;
    /* LINK ẢNH CỦA BẠN (GIỮ NGUYÊN HOẶC THAY THẾ) */
    background-image: url('https://www.hyamin.vn/wp-content/uploads/2026/02/8.jpg'); 
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
}

/* 4. CỘT PHẢI: NỘI DUNG & THÔNG TIN */
.hy-ft-content-col-TAM07 {
    flex: 1.2; 
    padding: 60px 4vw; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hy-ft-title-TAM07 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #ffffff;
}

/* 5. KHỐI NHẬP EMAIL */
.hy-ft-sub-wrap-TAM07 {
    margin-bottom: 40px;
    background: rgba(255, 255, 255, 0.15);
    padding: 30px;
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hy-ft-sub-label-TAM07 {
    display: block; font-size: 15px; margin-bottom: 20px; font-weight: 500; line-height: 1.5;
}

.hy-ft-form-TAM07 { display: flex; gap: 12px; }

.hy-ft-input-TAM07 {
    flex-grow: 1; padding: 15px 20px; border: 2px solid #ffffff; border-radius: 8px;
    background: #ffffff; color: #333; font-size: 16px; outline: none; font-weight: 600;
    transition: all 0.3s ease;
}
.hy-ft-input-TAM07:focus { border-color: #333333; }

.hy-ft-btn-TAM07 {
    padding: 15px 30px; background-color: #333333; color: #ffffff; border: none;
    border-radius: 8px; font-weight: 800; font-size: 16px; cursor: pointer;
    text-transform: uppercase; transition: all 0.3s ease;
}
.hy-ft-btn-TAM07:hover { background-color: #ffffff; color: #333333; }

/* 6. LƯỚI THÔNG TIN BÊN DƯỚI */
.hy-ft-grid-TAM07 {
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px;
    border-top: 1px solid rgba(255,255,255,0.2); padding-top: 35px;
}
.hy-ft-col-TAM07 { flex: 1; min-width: 180px; }
.hy-ft-col-title-TAM07 {
    font-size: 16px; font-weight: 800; margin-bottom: 20px; text-transform: uppercase;
    letter-spacing: 0.5px; color: #ffffff;
}
.hy-ft-list-TAM07 { list-style: none; padding: 0; margin: 0; }
.hy-ft-list-TAM07 li { margin-bottom: 12px; font-size: 14px; opacity: 0.95; line-height: 1.5; }
.hy-ft-list-TAM07 li a { color: #ffffff; text-decoration: none; transition: 0.2s; }
.hy-ft-list-TAM07 li a:hover { opacity: 1; text-decoration: underline; color: #333333; }

/* Icon mạng xã hội */
.hy-ft-socials-TAM07 { display: flex; gap: 15px; }
.hy-ft-social-link-TAM07 {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; background: rgba(255,255,255,0.2);
    border-radius: 50%; color: #fff; text-decoration: none;
    font-size: 18px; transition: all 0.3s;
}
.hy-ft-social-link-TAM07:hover { background: #ffffff; color: #F8681A; transform: scale(1.1); }

/* 7. BẢN QUYỀN */
.hy-ft-copy-TAM07 {
    text-align: center; padding-top: 30px; margin-top: 40px;
    border-top: 1px solid rgba(255,255,255,0.15); font-size: 13px; opacity: 0.8; line-height: 1.6;
}

/* ===================================================
   8. MOBILE RESPONSIVE (TỐI ƯU HÌNH ẢNH CỰC MẠNH)
=================================================== */
@media (max-width: 900px) {
    .hy-ft-inner-TAM07 { flex-direction: column; width: 100%; }
    
    /* XỬ LÝ ẢNH TRÊN MOBILE: Không bị cắt xén, tự động co giãn */
    .hy-ft-img-col-TAM07 { 
        width: 100%; 
        min-height: auto; /* Hủy bỏ chiều cao cố định để không làm méo ảnh */
        /* Tỷ lệ 1/1 (hình vuông). Bạn có thể đổi thành 4/5 (hình chữ nhật dọc) nếu muốn ảnh cao hơn */
        aspect-ratio: 1 / 1; 
        /* Chuyển sang contain để đảm bảo ôm trọn 100% chi tiết ảnh vào màn hình */
        background-size: contain; 
        /* Nếu nền ảnh bạn màu khác, có thể đổi mã màu nền này cho tệp màu */
        background-color: #FDF4E6; 
        background-position: center;
    }
    
    .hy-ft-content-col-TAM07 { padding: 40px 20px; }
    .hy-ft-form-TAM07 { flex-direction: column; }
    .hy-ft-btn-TAM07 { width: 100%; }
    .hy-ft-grid-TAM07 { flex-direction: column; gap: 30px; }
}/* End custom CSS */