/* Migrated from the former Elementor Pro Custom CSS fields. */

/* --- 1. CẤU HÌNH KÍCH THƯỚC VÀ MASK CHO VÙNG CHỨA --- */
.elementor-29981 .elementor-element.elementor-element-43d7c90 {
    /* THÊM MỚI: Giới hạn chiều cao tối đa */
    max-height: 60vh;

    /* MASK IMAGE: Kết hợp 2 gradient */
    /* Dòng 1: Mờ từ TRÁI sang phải (khoảng 30%) */
    /* Dòng 2: Mờ từ DƯỚI lên trên (khoảng 30%) */
    -webkit-mask-image: 
        linear-gradient(to right, transparent 0%, rgba(0,0,0,0.1) 10%, black 30%), 
        linear-gradient(to top,   transparent 0%, rgba(0,0,0,0.1) 10%, black 30%);
    
    /* Gộp 2 lớp mặt nạ lại (chỉ giữ lại phần giao nhau) */
    -webkit-mask-composite: source-in; 
    mask-composite: intersect;
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* --- 2. CẤU HÌNH CHỐNG KÉO GIÃN ẢNH --- */
.elementor-29981 .elementor-element.elementor-element-43d7c90 img {
    width: 100%;
    
    /* Đặt height 100% để ảnh cao bằng vùng chứa (vùng chứa đã bị max-height chặn lại) */
    height: 100%;
    
    /* Giữ tỉ lệ ảnh, tự cắt phần thừa */
    object-fit: cover; 
    
    /* Lấy bên phải và căn giữa theo chiều dọc */
    object-position: right center; 
}

/* --- 3. CẤU HÌNH CHO MOBILE (Dưới 767px) --- */
@media (max-width: 767px) {
    .elementor-29981 .elementor-element.elementor-element-43d7c90 {
        /* Reset lại cách gộp mask của PC */
        -webkit-mask-composite: source-over;
        mask-composite: add;

        /* Mờ từ TRÊN xuống (khoảng 30%) */
        -webkit-mask-image: 
            linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 10%, black 30%);
    }
}

.elementor-29981 .elementor-element.elementor-element-1297826{ position: sticky; top:90px; }

.elementor-30231 .elementor-element.elementor-element-92e802c{ position: sticky; top:90px; }