.elementor-804 .elementor-element.elementor-element-92f1a5b{--display:flex;}.elementor-804 .elementor-element.elementor-element-6a2af5e{--display:flex;--min-height:20px;}.elementor-804 .elementor-element.elementor-element-131f27e .mgs-main .mgs-item{background-color:#000000;}.elementor-804 .elementor-element.elementor-element-131f27e .mgs-overlay-outside .container{justify-content:center;}.elementor-804 .elementor-element.elementor-element-131f27e .mgs-item .mgslide-content{text-align:center;width:813px;}.elementor-804 .elementor-element.elementor-element-131f27e .mgs-main .mgs-item .mgs-img-before, .elementor-804 .elementor-element.elementor-element-131f27e .swiper-vertical{height:407px;}.elementor-804 .elementor-element.elementor-element-131f27e .mgs-main .mgs-item img{min-width:100%;max-width:100%;top:-97px;}.elementor-804 .elementor-element.elementor-element-131f27e .mgslide-content.mgst-center{top:24%;left:0%;}.elementor-804 .elementor-element.elementor-element-131f27e .mgslide-content .mgs-extitle{margin-bottom:0px;font-family:"Inter Tight", Sans-serif;}.elementor-804 .elementor-element.elementor-element-131f27e .mgslide-content .mgs-title{margin-bottom:100px;color:#FAFAFA;font-family:"IBM Plex Sans", Sans-serif;}.elementor-804 .elementor-element.elementor-element-131f27e .mgslide-content .mgs-subtitle{margin-bottom:0px;}.elementor-804 .elementor-element.elementor-element-131f27e a.btn.mgs-btn{background-color:#9D9D9D;}.elementor-804 .elementor-element.elementor-element-bfcee96{--display:flex;}.elementor-804 .elementor-element.elementor-element-b418772{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__thumbnail__link{width:100%;}.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__meta-data span + span:before{content:"•";}.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__text{margin-top:20px;}.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__badge{right:0;}.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-804 .elementor-element.elementor-element-b418772 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-804 .elementor-element.elementor-element-b418772 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-804 .elementor-element.elementor-element-b418772 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-804 .elementor-element.elementor-element-b418772 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-804 .elementor-element.elementor-element-b418772 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-804 .elementor-element.elementor-element-010ec91{--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-804 .elementor-element.elementor-element-8b6af4e{--spacer-size:241px;}@media(max-width:767px){.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for mgslider_lite_widget, class: .elementor-element-131f27e *//* --- 1. FONT CHỮ MỀM MẠI & SANG TRỌNG CHO TIÊU ĐỀ --- */
/* Sử dụng font serif cổ điển để tạo cảm giác sang trọng */
.elementor-804 .elementor-element.elementor-element-131f27e .mg-slider-title, 
.elementor-804 .elementor-element.elementor-element-131f27e .mg-slider-title a {
    font-family: "Playfair Display", Georgia, serif !important;
    font-weight: 700;
    /* Tăng kích thước chữ và khoảng cách dòng để dễ đọc */
    font-size: 32px !important; 
    line-height: 1.4 !important;
    text-shadow: 0 4px 8px rgba(0,0,0,0.7) !important; /* Bóng chữ đậm hơn để nổi bật */
    letter-spacing: 0.5px; /* Tăng nhẹ khoảng cách ký tự */
}

/* --- 2. LÀM ĐẸP KHUNG SLIDER VÀ ẢNH --- */
/* Tạo bóng đổ cho toàn bộ khung slider để nổi lên khỏi nền */
.elementor-804 .elementor-element.elementor-element-131f27e .mg-slider-item {
    border-radius: 15px !important; /* Bo tròn góc nhẹ */
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2) !important;
}

/* Hiệu ứng zoom ảnh nhẹ khi di chuột vào slider */
.elementor-804 .elementor-element.elementor-element-131f27e .mg-slider-item:hover img {
    transform: scale(1.05);
    transition: transform 0.8s ease;
}
/* Đảm bảo ảnh có transition mượt mà khi không hover */
.elementor-804 .elementor-element.elementor-element-131f27e .mg-slider-item img {
    transition: transform 0.8s ease;
}

/* --- 3. THIẾT KẾ LẠI NÚT "Read More" --- */
.elementor-804 .elementor-element.elementor-element-131f27e .mg-slider-btn {
    /* Dùng font chữ mềm mại đồng bộ */
    font-family: "Playfair Display", Georgia, serif !important;
    font-style: italic; /* In nghiêng nhẹ nhàng */
    background-color: #f5a623 !important; /* Màu cam sang trọng */
    color: #fff !important;
    border-radius: 30px !important; /* Nút bo tròn hoàn toàn */
    padding: 10px 25px !important;
    border: none !important;
    box-shadow: 0 5px 15px rgba(245, 166, 35, 0.4); /* Bóng đổ màu cam */
    transition: all 0.3s ease !important;
}

/* Hiệu ứng khi di chuột vào nút */
.elementor-804 .elementor-element.elementor-element-131f27e .mg-slider-btn:hover {
    background-color: #fff !important;
    color: #f5a623 !important;
    transform: translateY(-3px); /* Nút bay nhẹ lên */
}

/* --- 4. LÀM ĐẸP NÚT ĐIỀU HƯỚNG (Mũi tên) --- */
.elementor-804 .elementor-element.elementor-element-131f27e .owl-prev, .elementor-804 .elementor-element.elementor-element-131f27e .owl-next {
    background-color: rgba(255,255,255,0.2) !important; /* Nền trong suốt nhẹ */
    border-radius: 50% !important; /* Nút tròn */
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.elementor-804 .elementor-element.elementor-element-131f27e .owl-prev:hover, .elementor-804 .elementor-element.elementor-element-131f27e .owl-next:hover {
    background-color: #f5a623 !important; /* Đổi màu cam khi hover */
    color: #fff !important;
}

.elementor-804 .elementor-element.elementor-element-131f27e .owl-prev i, .elementor-804 .elementor-element.elementor-element-131f27e .owl-next i {
    font-size: 20px !important; /* Kích thước mũi tên */
}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-b418772 *//* 1. Tạo khung thẻ (Card) đẹp mắt */
.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post {
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* Bóng mờ nhẹ */
    border: 1px solid #f0f0f0; /* Viền mỏng */
    border-radius: 15px; /* Bo tròn các góc */
    background: #ffffff;
    transition: all 0.3s ease; /* Hiệu ứng chuyển động mượt */
    overflow: hidden; /* Giữ cho ảnh bo góc cùng thẻ */
    height: 100%; /* Cân bằng chiều cao nếu dùng Flexbox */
}

/* 2. Hiệu ứng khi di chuột vào bài viết */
.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post:hover {
    transform: translateY(-7px); /* Nổi nhẹ lên trên */
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* Bóng đậm hơn */
    border-color: #f5a623; /* Viền chuyển màu cam khi hover */
}

/* 3. Chỉnh lại phần ảnh đại diện */
.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__thumbnail__link {
    overflow: hidden;
}

.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__thumbnail img {
    transition: transform 0.5s ease;
}

/* Zoom ảnh nhẹ khi hover */
.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.08); 
}

/* 4. Căn chỉnh khoảng cách nội dung bên trong */
.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__text {
    padding: 25px; /* Tạo khoảng thở cho chữ không bị sát lề */
}

/* 5. Trang trí Tiêu đề bài viết */
.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
}

.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__title a {
    color: #333;
    transition: color 0.3s;
}

.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__title a:hover {
    color: #f5a623; /* Màu cam khi di chuột vào tiêu đề */
}

/* 6. Biến link 'Read More' thành nút bấm */
.elementor-804 .elementor-element.elementor-element-b418772 .elementor-post__read-more {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 20px;
    background-color: #fff;
    color: #f5a623;
    border: 1px solid #f5a623;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s;
}/* End custom CSS */