.elementor-1022 .elementor-element.elementor-element-888ca11{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1022 .elementor-element.elementor-element-777595e{text-align:center;}.elementor-1022 .elementor-element.elementor-element-777595e .elementor-heading-title{font-family:"BeautiqueDisplay", Sans-serif;font-size:48px;font-weight:500;text-transform:capitalize;}.elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__items, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(30px / 2);padding-right:calc(30px / 2);padding-top:calc(30px / 2);padding-bottom:calc(30px / 2);}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 30px / -2);margin-right:calc( 30px / -2);width:calc(100% + 30px);}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 30px / -2);margin-bottom:calc( 30px / -2);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1022 .elementor-element.elementor-element-d05caaa .elementor-button{font-family:"Gilroy", Sans-serif;font-size:24px;font-weight:600;fill:var( --e-global-color-9051806 );color:var( --e-global-color-9051806 );border-radius:99px 99px 99px 99px;padding:15px 80px 15px 80px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__items, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(20px / 2);padding-right:calc(20px / 2);padding-top:calc(20px / 2);padding-bottom:calc(20px / 2);}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 20px / -2);margin-right:calc( 20px / -2);width:calc(100% + 20px);}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 20px / -2);margin-bottom:calc( 20px / -2);}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1022 .elementor-element.elementor-element-777595e .elementor-heading-title{font-size:20px;}.elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__items, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(10px / 2);padding-right:calc(10px / 2);padding-top:calc(10px / 2);padding-bottom:calc(10px / 2);}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 10px / -2);margin-right:calc( 10px / -2);width:calc(100% + 10px);}:is( .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__slider, .elementor-1022 .elementor-element.elementor-element-4d0fc5a > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 10px / -2);margin-bottom:calc( 10px / -2);}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for html, class: .elementor-element-8b4ec66 *//* =========================================================
   A. CẤU HÌNH CƠ BẢN (CHO TABLET & MOBILE)
   Vì JS đã gom nhóm HTML, ta cần CSS này để Mobile hiển thị dọc bình thường
   ========================================================= */
.custom-hero-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.hero-left, .hero-right {
    width: 100%;
    display: block;
}

/* =========================================================
   B. CẤU HÌNH DESKTOP (CHỈ ÁP DỤNG KHI MÀN HÌNH > 1024PX)
   ========================================================= */
@media (min-width: 1025px) {

    /* 1. KHUNG TỔNG (WRAPPER) */
    .custom-hero-wrapper {
        flex-direction: row; /* Quay ngang */
        flex-wrap: wrap;
        gap: 10px; /* Bạn đặt gap 10px */
        align-items: stretch;
    }

    /* 2. CỘT TRÁI (BÀI 1) */
    .hero-left {
        /* Tính toán: 50% - (10px gap / 2) = 5px */
        width: calc(50% - 5px); 
        display: flex;
        flex-direction: column;
    }

    .hero-left .jet-listing-grid__item,
    .hero-left .elementor-element-0fe0f2a {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    /* --- Xử lý Bài 1 --- */
    /* Ẩn Mô tả */
    .hero-left ._mota_bv1 {
        display: none !important;
    }

    /* Kéo dãn khung ảnh */
    .hero-left .elementor-widget-jet-listing-dynamic-image {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    /* Chỉnh ảnh Bài 1 (Ratio 1 / 0.45) */
    .hero-left .jet-listing-dynamic-image {
        height: 100%;
        width: 100%;
    }

    .hero-left .jet-listing-dynamic-image img {
        height: 100% !important;
        width: 100%;
        object-fit: cover;
        aspect-ratio: 1 / 0.5;
    }

    /* 3. CỘT PHẢI (BÀI 2 & 3) */
    .hero-right {
        /* Tính toán: 50% - (10px gap / 2) = 5px */
        width: calc(50% - 5px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 0px; /* Bạn đặt gap 0px giữa 2 bài */
    }

    /* Flex Ngang cho nội dung Bài 2 & 3 */
    .hero-right .elementor-element.e-con-full.e-parent {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }

    /* --- Phần HÌNH ẢNH (40%) --- */
    .hero-right .jet-listing-dynamic-image {
        flex: 0 0 40% !important;
        margin: 0 !important;
    }

    .hero-right .jet-listing-dynamic-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        display: block;
        border-radius: 5px;
        aspect-ratio: 1 / 0.75;
    }

    /* --- Phần NỘI DUNG (60%) --- */
    .hero-right .e-con-child, 
    .hero-right .e-con-boxed {
        width: calc(60% - 15px) !important;
        flex: 0 0 calc(60% - 15px) !important;
        max-width: calc(60% - 15px) !important;
        padding: 0 !important;
    }

    /* --- Xử lý Mô tả 1 dòng ở cột phải --- */
    .hero-right ._mota_bv1 .jet-listing-dynamic-field__content {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5;
        margin-top: 5px;
        font-size: 0.9em;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BeautiqueDisplay';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://lamdep.buhaseo.com/wp-content/uploads/2025/12/BeautiqueDisplay-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://lamdep.buhaseo.com/wp-content/uploads/2025/12/SVN-Gilroy-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */