.elementor-3521 .elementor-element.elementor-element-fa0d71e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3521 .elementor-element.elementor-element-1abbea6 .tmlpf-hero{--tmlpf-hero-width:1320px;--tmlpf-hero-height:740px;--tmlpf-hero-top:180px;--tmlpf-hero-title-size:80px;--tmlpf-hero-image-position:center center;--tmlpf-hero-overlay:1;--tmlpf-hero-title-color:#ffffff;--tmlpf-hero-accent:#f2d5a1;--tmlpf-hero-button-start:#ffe49a;--tmlpf-hero-button-end:#ffc54a;--tmlpf-hero-button-ink:#102f40;}.elementor-3521 .elementor-element.elementor-element-ce79a72{--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-3521 .elementor-element.elementor-element-ce79a72:not(.elementor-motion-effects-element-type-background), .elementor-3521 .elementor-element.elementor-element-ce79a72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3521 .elementor-element.elementor-element-a7239f8{--display:flex;}.elementor-3521 .elementor-element.elementor-element-de7191f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3521 .elementor-element.elementor-element-38fc3a9{--display:flex;}.elementor-3521 .elementor-element.elementor-element-fed56c9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3521 .elementor-element.elementor-element-fbcd821{--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:space-between;--align-items:flex-end;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-3521 .elementor-element.elementor-element-e5647db{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3521 .elementor-element.elementor-element-4adbe1b{--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;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-3521 .elementor-element.elementor-element-f569278 .elementor-icon-wrapper{text-align:center;}.elementor-3521 .elementor-element.elementor-element-10fdd61 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3521 .elementor-element.elementor-element-9cff3bc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3521 .elementor-element.elementor-element-eec1067{background-color:#FFFFFF;}.elementor-3521 .elementor-element.elementor-element-e787a38{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3521 .elementor-element.elementor-element-0d7cc61{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3521 .elementor-element.elementor-element-e1dd99b{--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:space-between;--align-items:flex-end;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-3521 .elementor-element.elementor-element-5754000{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3521 .elementor-element.elementor-element-d072c44{--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;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-3521 .elementor-element.elementor-element-35b4650 .elementor-icon-wrapper{text-align:center;}.elementor-3521 .elementor-element.elementor-element-c015ba1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3521 .elementor-element.elementor-element-dee3dd5{--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;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-3521 .elementor-element.elementor-element-142b64a{--grid-columns:1;}.elementor-3521 .elementor-element.elementor-element-53f0450{--grid-columns:1;}.elementor-3521 .elementor-element.elementor-element-8a5b6d1{--display:flex;}@media(max-width:1024px){.elementor-3521 .elementor-element.elementor-element-142b64a{--grid-columns:2;}.elementor-3521 .elementor-element.elementor-element-53f0450{--grid-columns:2;}}@media(max-width:767px){.elementor-3521 .elementor-element.elementor-element-1abbea6 .tmlpf-hero{--tmlpf-hero-height:620px;--tmlpf-hero-top:130px;--tmlpf-hero-title-size:44px;}.elementor-3521 .elementor-element.elementor-element-a7239f8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3521 .elementor-element.elementor-element-1ea514d{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3521 .elementor-element.elementor-element-142b64a{--grid-columns:1;}.elementor-3521 .elementor-element.elementor-element-53f0450{--grid-columns:1;}}@media(min-width:768px){.elementor-3521 .elementor-element.elementor-element-e787a38{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-eec1067 *//* =========================================================
   TMLAND TIKTOK FEED – CSS AN TOÀN
   KHÔNG ÉP EMOJI THÀNH ẢNH VIDEO
========================================================= */

.elementor-3521 .elementor-element.elementor-element-eec1067 {
    --tm-navy: #06263b;
    --tm-gold: #d2a047;
}


/* Feed chiếm đủ chiều rộng */
.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"],
.elementor-3521 .elementor-element.elementor-element-eec1067 .sbtt-feed {
    width: 100% !important;
    max-width: 100% !important;
}


/* Card video */
.elementor-3521 .elementor-element.elementor-element-eec1067 .sbtt-item,
.elementor-3521 .elementor-element.elementor-element-eec1067 .sbtt-tiktok-item {
    overflow: hidden !important;

    border: 1px solid rgba(6, 38, 59, 0.12) !important;
    border-radius: 14px !important;

    background: #ffffff !important;

    box-shadow:
        0 12px 28px rgba(6, 38, 59, 0.10) !important;
}


/* Khôi phục kích thước emoji */
.elementor-3521 .elementor-element.elementor-element-eec1067 img.emoji,
.elementor-3521 .elementor-element.elementor-element-eec1067 img.wp-smiley {
    position: static !important;
    inset: auto !important;

    display: inline-block !important;

    width: 1em !important;
    min-width: 0 !important;
    max-width: 1em !important;

    height: 1em !important;
    min-height: 0 !important;
    max-height: 1em !important;

    aspect-ratio: auto !important;

    margin: 0 0.08em !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    object-fit: contain !important;
    object-position: center !important;

    vertical-align: -0.12em !important;

    box-shadow: none !important;
    transform: none !important;
}


/* Caption */
.elementor-3521 .elementor-element.elementor-element-eec1067 .sbtt-item-caption,
.elementor-3521 .elementor-element.elementor-element-eec1067 .sbtt-tiktok-item-caption,
.elementor-3521 .elementor-element.elementor-element-eec1067 [class*="sbtt-caption"] {
    padding: 12px 13px 15px !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #263440 !important;
}


/* Nút tải thêm */
.elementor-3521 .elementor-element.elementor-element-eec1067 [class*="load"] button,
.elementor-3521 .elementor-element.elementor-element-eec1067 [class*="load"] a {
    min-height: 44px !important;

    border: 1px solid var(--tm-gold) !important;
    border-radius: 999px !important;

    background: var(--tm-navy) !important;

    color: #ffffff !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}


/* Mobile */
@media (max-width: 767px) {

    .elementor-3521 .elementor-element.elementor-element-eec1067 .sbtt-item-caption,
    .elementor-3521 .elementor-element.elementor-element-eec1067 .sbtt-tiktok-item-caption,
    .elementor-3521 .elementor-element.elementor-element-eec1067 [class*="sbtt-caption"] {
        font-size: 12px !important;
    }
}/* =========================================================
   ÉP RIÊNG ẢNH NỀN VIDEO TIKTOK THÀNH KHUNG 9:16
   KHÔNG TÁC ĐỘNG AVATAR VÀ EMOJI
========================================================= */

/* Khung thumbnail dùng background-image */
.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
[class*="item"]
[style*="background-image"],

.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
[class*="post"]
[style*="background-image"],

.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
.sbtt-img,

.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
.sbtt-image,

.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
.sbtt-media,

.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
.sbtt-video-thumb,

.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
.sbtt-thumbnail {
    position: relative !important;
    overflow: hidden !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 9 / 16 !important;

    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    background-color: #06263b !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* Trường hợp ảnh thumbnail nằm trong thẻ picture */
.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
[class*="item"]
picture {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;

    overflow: hidden !important;

    background: #06263b !important;
}


/* Chỉ chỉnh ảnh trực tiếp trong picture, không chỉnh emoji */
.elementor-3521 .elementor-element.elementor-element-eec1067 [id*="sbtt-feed"]
[class*="item"]
picture > img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38fc3a9 *//* =========================================================
   TMLAND TIKTOK FEED
   ÉP THUMBNAIL DỌC 9:16
========================================================= */


/* Biến màu */
.elementor-3521 .elementor-element.elementor-element-38fc3a9 {
    --tm-tiktok-navy: #06263b;
    --tm-tiktok-gold: #d2a047;
}


/* Đảm bảo feed chiếm toàn bộ chiều rộng */
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed {
    width: 100% !important;
    max-width: 100% !important;
}


/* Card TikTok */
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed .sbtt-item,
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed .sbtt-tiktok-item,
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="tiktok-item"],
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="feed-item"] {
    overflow: hidden !important;

    border: 1px solid rgba(6, 38, 59, 0.12) !important;
    border-radius: 14px !important;

    background: #ffffff !important;

    box-shadow:
        0 12px 28px rgba(6, 38, 59, 0.10) !important;
}


/* Những khung có thể đang chứa thumbnail */
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="item"] [class*="media"],
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="item"] [class*="thumb"],
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="item"] [class*="image"],
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="item"] [class*="video"],
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="post"] [class*="media"],
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="post"] [class*="thumb"] {
    position: relative !important;
    overflow: hidden !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;
    aspect-ratio: 9 / 16 !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: var(--tm-tiktok-navy) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}


/* Ảnh bên trong từng video TikTok */
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="item"] img:not([class*="avatar"]),
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="post"] img:not([class*="avatar"]) {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    aspect-ratio: 9 / 16 !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    background-color: var(--tm-tiktok-navy) !important;
}


/* Trường hợp ảnh được plugin chèn bằng background-image */
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [style*="background-image"] {
    aspect-ratio: 9 / 16 !important;

    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    background-color: var(--tm-tiktok-navy) !important;
}


/* Caption */
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="caption"],
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="text"] {
    padding: 12px 13px !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #23313d !important;
}


/* Nút xem thêm */
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="load"] button,
.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="load"] a {
    min-height: 44px !important;

    border: 1px solid var(--tm-tiktok-gold) !important;
    border-radius: 999px !important;

    background: var(--tm-tiktok-navy) !important;

    color: #ffffff !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}


/* Tablet */
@media (max-width: 1024px) {

    .elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="item"] img:not([class*="avatar"]),
    .elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="post"] img:not([class*="avatar"]) {
        aspect-ratio: 9 / 16 !important;
    }
}


/* Mobile */
@media (max-width: 767px) {

    .elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="caption"],
    .elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed [class*="text"] {
        font-size: 12px !important;
    }
}.elementor-3521 .elementor-element.elementor-element-38fc3a9 #sbtt-feed {
    outline: 5px solid red !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de7191f *//* =========================================================
   VIDEO SECTION TMLAND
   TIKTOK SHORTS 9:16
========================================================= */


/* =========================================================
   01. SECTION NGOÀI
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f {
    --tm-video-navy: #06263b;
    --tm-video-navy-deep: #031521;
    --tm-video-gold: #d2a047;
    --tm-video-gold-light: #efd28d;
    --tm-video-gold-dark: #a86d1d;

    --tm-video-cream: #faf7f1;
    --tm-video-white: #ffffff;
    --tm-video-heading: #08243a;
    --tm-video-text: #59626c;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding:
        clamp(58px, 6vw, 88px)
        0 !important;

    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(210, 160, 71, 0.09),
            transparent 28%
        ),
        radial-gradient(
            circle at 93% 84%,
            rgba(6, 38, 59, 0.055),
            transparent 30%
        ),
        var(--tm-video-cream) !important;
}


/* Hoa văn nền nhẹ */

.elementor-3521 .elementor-element.elementor-element-de7191f::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -1;

    opacity: 0.35;

    background-image:
        linear-gradient(
            135deg,
            rgba(6, 38, 59, 0.025) 25%,
            transparent 25%
        ),
        linear-gradient(
            315deg,
            rgba(210, 160, 71, 0.025) 25%,
            transparent 25%
        );

    background-size: 32px 32px;

    pointer-events: none;
}

.elementor-3521 .elementor-element.elementor-element-de7191f,
.elementor-3521 .elementor-element.elementor-element-de7191f * {
    box-sizing: border-box;
}


/* =========================================================
   02. CONTAINER 1320PX
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-inner {
    width: min(1320px, calc(100% - 48px)) !important;
    max-width: 1320px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   03. HEADER SECTION
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-header {
    display: flex !important;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 34px;

    width: 100% !important;

    margin: 0 0 30px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-heading {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;

    width: min(810px, 100%) !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   04. NHÃN VIDEO TMLAND
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-eyebrow-row {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 9px;

    width: auto !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-eyebrow-icon {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-eyebrow-icon .elementor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;

    color: var(--tm-video-gold) !important;

    font-size: 20px;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-eyebrow-icon svg {
    width: 20px;
    height: 20px;

    fill: var(--tm-video-gold) !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-eyebrow {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-eyebrow .elementor-heading-title {
    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 1.5px;

    color: var(--tm-video-gold-dark) !important;
    -webkit-text-fill-color:
        var(--tm-video-gold-dark) !important;

    text-transform: uppercase;
}


/* =========================================================
   05. TIÊU ĐỀ CHÍNH
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title {
    width: 100% !important;

    margin: 0 0 13px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title .elementor-heading-title,
.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title h2 {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: clamp(32px, 3vw, 46px) !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.025em !important;

    color: var(--tm-video-heading) !important;
    -webkit-text-fill-color:
        var(--tm-video-heading) !important;

    text-align: left !important;
}


/* =========================================================
   06. MÔ TẢ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-description {
    width: min(720px, 100%) !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-description .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-description,
.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-description p,
.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-description span {
    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    color: var(--tm-video-text) !important;
    -webkit-text-fill-color:
        var(--tm-video-text) !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-description p {
    margin: 0 !important;
}


/* =========================================================
   07. NÚT XEM TẤT CẢ VIDEO
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all {
    width: auto !important;
    flex: 0 0 auto;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-widget-container,
.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-button-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 50px;

    padding:
        13px
        21px !important;

    border:
        1px solid
        rgba(210, 160, 71, 0.78) !important;

    border-radius: 999px !important;

    background:
        rgba(255, 255, 255, 0.64) !important;

    box-shadow:
        0 10px 24px rgba(4, 24, 39, 0.055);

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.35px;

    color: var(--tm-video-gold-dark) !important;
    -webkit-text-fill-color:
        var(--tm-video-gold-dark) !important;

    text-transform: uppercase;

    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-button-icon,
.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-button-icon svg {
    color: var(--tm-video-gold) !important;
    fill: var(--tm-video-gold) !important;
}

@media (hover: hover) {

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-button:hover {
        transform: translateY(-2px);

        background:
            var(--tm-video-navy) !important;

        color:
            var(--tm-video-gold-light) !important;

        -webkit-text-fill-color:
            var(--tm-video-gold-light) !important;

        box-shadow:
            0 15px 30px rgba(4, 24, 39, 0.15);
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f
    .home-video-view-all
    .elementor-button:hover
    .elementor-button-icon,

    .elementor-3521 .elementor-element.elementor-element-de7191f
    .home-video-view-all
    .elementor-button:hover
    .elementor-button-icon
    svg {
        color:
            var(--tm-video-gold-light) !important;

        fill:
            var(--tm-video-gold-light) !important;
    }
}


/* =========================================================
   08. HỘP CHỨA TIKTOK FEED
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed-wrap {
    position: relative;
    overflow: hidden;

    width: 100% !important;

    margin: 0 !important;

    padding:
        clamp(14px, 1.4vw, 20px) !important;

    border:
        1px solid
        rgba(6, 38, 59, 0.09);

    border-radius: 20px;

    background:
        rgba(255, 255, 255, 0.76) !important;

    box-shadow:
        0 20px 50px rgba(5, 30, 47, 0.10);

    backdrop-filter:
        blur(8px)
        saturate(108%);

    -webkit-backdrop-filter:
        blur(8px)
        saturate(108%);
}


/* Thanh vàng trang trí */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed-wrap::before {
    content: "";

    position: absolute;
    top: 0;
    left: 32px;
    z-index: 3;

    width: 72px;
    height: 3px;

    border-radius: 0 0 4px 4px;

    background:
        linear-gradient(
            90deg,
            var(--tm-video-gold-light),
            var(--tm-video-gold-dark)
        );
}


/* =========================================================
   09. SHORTCODE VÀ FEED RỘNG 100%
========================================================= */

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed,
.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed > .elementor-widget-container,
.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed .elementor-shortcode {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed [id*="sbtt-feed"],
.elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed [class*="sbtt-feed"] {
    width: 100% !important;
    max-width: 100% !important;

    margin:
        0
        auto !important;
}


/* =========================================================
   10. TABLET
========================================================= */

@media (max-width: 1024px) {

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-inner {
        width: calc(100% - 44px) !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-header {
        align-items: flex-start;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title .elementor-heading-title,
    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title h2 {
        font-size: clamp(31px, 4.2vw, 39px) !important;
    }
}


/* =========================================================
   11. MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-3521 .elementor-element.elementor-element-de7191f {
        padding:
            50px
            0
            56px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-inner {
        width: calc(100% - 30px) !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;

        margin-bottom: 23px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-heading {
        width: 100% !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title .elementor-heading-title,
    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title h2 {
        font-size: clamp(27px, 7.6vw, 33px) !important;
        line-height: 1.2 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-description,
    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-description p {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all {
        width: 100% !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-button-wrapper {
        display: flex;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-button {
        width: auto;
        min-height: 45px;

        padding:
            11px
            17px !important;

        font-size: 10px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed-wrap {
        padding:
            11px !important;

        border-radius: 15px;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-feed-wrap::before {
        left: 20px;

        width: 54px;
    }
}


/* =========================================================
   12. MOBILE NHỎ
========================================================= */

@media (max-width: 390px) {

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-inner {
        width: calc(100% - 24px) !important;
    }

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title .elementor-heading-title,
    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-title h2 {
        font-size: 26px !important;
    }
}


/* =========================================================
   13. GIẢM CHUYỂN ĐỘNG
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-3521 .elementor-element.elementor-element-de7191f .home-video-view-all .elementor-button {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e787a38 *//* =========================================================
   HOME NEWS TMLAND – CSS HOÀN CHỈNH
   1 BÀI NỔI BẬT + 3 BÀI PHỤ
   DESKTOP / TABLET / MOBILE
========================================================= */


/* =========================================================
   01. SECTION NGOÀI
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 {
    --news-navy: #06263b;
    --news-navy-deep: #031521;
    --news-navy-light: #0d405d;

    --news-gold: #d2a047;
    --news-gold-light: #efd28d;
    --news-gold-dark: #a86d1d;

    --news-cream: #faf7f1;
    --news-white: #ffffff;

    --news-heading: #08243a;
    --news-text: #5d6670;
    --news-muted: #87909a;

    --news-border: rgba(6, 38, 59, 0.10);
    --news-shadow: rgba(5, 30, 47, 0.10);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding:
        clamp(60px, 6vw, 88px)
        0 !important;

    background:
        radial-gradient(
            circle at 7% 12%,
            rgba(210, 160, 71, 0.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 94% 88%,
            rgba(6, 38, 59, 0.05),
            transparent 30%
        ),
        var(--news-cream) !important;

    scroll-margin-top: 110px;
}

.elementor-3521 .elementor-element.elementor-element-e787a38,
.elementor-3521 .elementor-element.elementor-element-e787a38 * {
    box-sizing: border-box;
}


/* Hoa văn nền nhẹ */

.elementor-3521 .elementor-element.elementor-element-e787a38::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -1;

    opacity: 0.25;

    background-image:
        linear-gradient(
            135deg,
            rgba(6, 38, 59, 0.025) 25%,
            transparent 25%
        ),
        linear-gradient(
            315deg,
            rgba(210, 160, 71, 0.025) 25%,
            transparent 25%
        );

    background-size: 36px 36px;

    pointer-events: none;
}


/* =========================================================
   02. KHUNG NỘI DUNG 1320PX
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-inner {
    width: min(1320px, calc(100% - 48px)) !important;
    max-width: 1320px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   03. HEADER SECTION
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 32px !important;

    width: 100% !important;

    margin: 0 0 32px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: min(820px, 100%) !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   04. NHÃN NHỎ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-eyebrow-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 9px !important;

    width: auto !important;

    margin: 0 0 11px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-eyebrow-icon {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-eyebrow-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 25px !important;
    height: 25px !important;

    color: var(--news-gold) !important;

    font-size: 19px !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-eyebrow-icon svg {
    width: 19px !important;
    height: 19px !important;

    fill: var(--news-gold) !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-eyebrow {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-eyebrow .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 1.4px !important;

    color: var(--news-gold-dark) !important;
    -webkit-text-fill-color:
        var(--news-gold-dark) !important;

    text-transform: uppercase !important;
}


/* =========================================================
   05. TIÊU ĐỀ SECTION
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title {
    width: 100% !important;

    margin: 0 0 11px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title .elementor-heading-title,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title .elementor-heading-title a,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title h2,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title h2 a {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: clamp(34px, 3vw, 47px) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;

    color: var(--news-heading) !important;
    -webkit-text-fill-color:
        var(--news-heading) !important;

    text-align: left !important;
}


/* =========================================================
   06. MÔ TẢ SECTION
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-description {
    width: min(730px, 100%) !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-description .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-description,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-description p,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-description span {
    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    color: var(--news-text) !important;
    -webkit-text-fill-color:
        var(--news-text) !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-description p {
    margin: 0 !important;
}


/* =========================================================
   07. NÚT XEM TẤT CẢ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all {
    flex: 0 0 auto !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all .elementor-widget-container,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all .elementor-button-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    min-height: 48px !important;

    padding:
        12px
        20px !important;

    border:
        1px solid
        rgba(210, 160, 71, 0.78) !important;

    border-radius: 999px !important;

    background:
        rgba(255, 255, 255, 0.66) !important;

    box-shadow:
        0 10px 24px rgba(4, 24, 39, 0.055);

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.3px !important;

    color: var(--news-gold-dark) !important;
    -webkit-text-fill-color:
        var(--news-gold-dark) !important;

    text-transform: uppercase !important;

    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all .elementor-button-icon,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all .elementor-button-icon svg {
    color: var(--news-gold) !important;
    fill: var(--news-gold) !important;
}


/* =========================================================
   08. BỐ CỤC HAI CỘT
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-layout {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1.22fr)
        minmax(430px, 1fr) !important;

    align-items: start !important;

    gap: 22px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   09. RESET WRAPPER LOOP GRID ELEMENTOR
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-featured-loop,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-list-loop,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-featured-loop > .elementor-widget-container,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-list-loop > .elementor-widget-container,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-featured-loop .elementor-loop-container,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-list-loop .elementor-loop-container,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-featured-loop .elementor-grid,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-list-loop .elementor-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-featured-loop,
.elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-list-loop {
    --width: 100% !important;
    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;

    align-self: stretch !important;
    justify-self: stretch !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38
.home-news-featured-loop
.elementor-loop-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 0 !important;

    height: auto !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38
.home-news-list-loop
.elementor-loop-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    grid-auto-rows: 154px !important;

    align-content: start !important;
    align-items: stretch !important;

    gap: 14px !important;

    height: auto !important;
}


/* Mỗi bài Loop */

.elementor-3521 .elementor-element.elementor-element-e787a38
.home-news-featured-loop
.e-loop-item,

.elementor-3521 .elementor-element.elementor-element-e787a38
.home-news-list-loop
.e-loop-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Container gốc Elementor bên trong Loop Item */

.elementor-3521 .elementor-element.elementor-element-e787a38
.home-news-featured-loop
.e-loop-item
> .e-con,

.elementor-3521 .elementor-element.elementor-element-e787a38
.home-news-featured-loop
.e-loop-item
> .elementor-element,

.elementor-3521 .elementor-element.elementor-element-e787a38
.home-news-list-loop
.e-loop-item
> .e-con,

.elementor-3521 .elementor-element.elementor-element-e787a38
.home-news-list-loop
.e-loop-item
> .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   10. CARD BÀI NỔI BẬT
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-card {
    position: relative;
    overflow: hidden;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid var(--news-border) !important;
    border-radius: 17px !important;

    background: var(--news-white) !important;

    box-shadow:
        0 18px 44px var(--news-shadow);

    cursor: pointer;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================================
   11. ẢNH BÀI NỔI BẬT
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image {
    flex: 0 0 auto !important;

    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image .elementor-widget-container,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image a,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image picture {
    display: block !important;

    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;

    margin: 0 !important;
    padding: 0 !important;

    aspect-ratio: auto !important;

    overflow: hidden !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}


/* =========================================================
   12. NỘI DUNG BÀI NỔI BẬT
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-body {
    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    padding:
        18px
        22px
        20px !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-body::before {
    content: "";

    position: absolute;
    top: 0;
    left: 22px;

    width: 52px;
    height: 3px;

    border-radius: 0 0 4px 4px;

    background:
        linear-gradient(
            90deg,
            var(--news-gold-light),
            var(--news-gold-dark)
        );
}


/* =========================================================
   13. META BÀI NỔI BẬT
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-meta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 14px !important;

    width: 100% !important;

    margin: 0 0 10px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-category {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38
.news-featured-category
.elementor-heading-title,

.elementor-3521 .elementor-element.elementor-element-e787a38
.news-featured-category
.elementor-heading-title
a {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;

    padding:
        5px
        9px !important;

    border-radius: 999px !important;

    background:
        rgba(210, 160, 71, 0.12) !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.4px !important;

    color: var(--news-gold-dark) !important;
    -webkit-text-fill-color:
        var(--news-gold-dark) !important;

    text-transform: uppercase !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-date,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-date p,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-date span,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-date .elementor-heading-title,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-date .elementor-heading-title a {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    color: var(--news-muted) !important;
    -webkit-text-fill-color:
        var(--news-muted) !important;
}


/* =========================================================
   14. TIÊU ĐỀ BÀI NỔI BẬT – NAVY
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-post-title {
    width: 100% !important;

    margin: 0 0 9px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38
.news-featured-post-title
.elementor-heading-title,

.elementor-3521 .elementor-element.elementor-element-e787a38
.news-featured-post-title
.elementor-heading-title
a,

.elementor-3521 .elementor-element.elementor-element-e787a38
.news-featured-post-title
h3,

.elementor-3521 .elementor-element.elementor-element-e787a38
.news-featured-post-title
h3
a {
    display: -webkit-box !important;
    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: clamp(20px, 1.55vw, 25px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.018em !important;

    color: var(--news-heading) !important;
    -webkit-text-fill-color:
        var(--news-heading) !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    transition: color 0.3s ease;
}


/* =========================================================
   15. MÔ TẢ BÀI NỔI BẬT
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-excerpt {
    flex: 0 0 auto !important;

    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-excerpt,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-excerpt p {
    display: -webkit-box !important;
    overflow: hidden !important;

    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    color: var(--news-text) !important;
    -webkit-text-fill-color:
        var(--news-text) !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}


/* =========================================================
   16. ĐỌC BÀI VIẾT
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    gap: 7px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link-text,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link-text p,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link-text .elementor-heading-title,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link-text .elementor-heading-title a {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.45px !important;

    color: var(--news-gold-dark) !important;
    -webkit-text-fill-color:
        var(--news-gold-dark) !important;

    text-transform: uppercase !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link-icon {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--news-gold) !important;

    font-size: 12px !important;

    transition: transform 0.3s ease;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link-icon svg {
    width: 12px !important;
    height: 12px !important;

    fill: var(--news-gold) !important;
}


/* =========================================================
   17. CARD BÀI PHỤ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-card {
    position: relative;
    overflow: hidden;

    display: grid !important;

    grid-template-columns:
        minmax(175px, 0.43fr)
        minmax(0, 0.57fr) !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 154px !important;
    min-height: 154px !important;
    max-height: 154px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid var(--news-border) !important;
    border-radius: 15px !important;

    background: var(--news-white) !important;

    box-shadow:
        0 11px 28px rgba(5, 30, 47, 0.075);

    cursor: pointer;

    transition:
        transform 0.32s ease,
        box-shadow 0.32s ease;
}


/* =========================================================
   18. ẢNH BÀI PHỤ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image {
    width: 100% !important;
    height: 154px !important;
    min-height: 154px !important;
    max-height: 154px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image .elementor-widget-container,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image a,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image picture {
    display: block !important;

    width: 100% !important;
    height: 154px !important;
    min-height: 154px !important;
    max-height: 154px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 154px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}


/* =========================================================
   19. NỘI DUNG BÀI PHỤ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-content {
    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding:
        13px
        16px
        14px !important;
}


/* =========================================================
   20. META BÀI PHỤ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 5px 9px !important;

    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-category,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-category p,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-category .elementor-heading-title,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-category .elementor-heading-title a {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.35px !important;

    color: var(--news-gold-dark) !important;
    -webkit-text-fill-color:
        var(--news-gold-dark) !important;

    text-transform: uppercase !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-date,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-date p,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-date span,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-date .elementor-heading-title,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-date .elementor-heading-title a {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 8.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    color: var(--news-muted) !important;
    -webkit-text-fill-color:
        var(--news-muted) !important;
}


/* =========================================================
   21. TIÊU ĐỀ BÀI PHỤ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title {
    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title .elementor-heading-title,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title .elementor-heading-title a,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title h3,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title h3 a {
    display: -webkit-box !important;
    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: clamp(14px, 1vw, 16.5px) !important;
    font-weight: 700 !important;
    line-height: 1.36 !important;
    letter-spacing: -0.01em !important;

    color: var(--news-heading) !important;
    -webkit-text-fill-color:
        var(--news-heading) !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    transition: color 0.3s ease;
}


/* =========================================================
   22. MÔ TẢ BÀI PHỤ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-excerpt {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 30px 0 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-excerpt,
.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-excerpt p {
    display: -webkit-box !important;
    overflow: hidden !important;

    margin: 0 !important;

    font-family:
        "Be Vietnam Pro",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    color: var(--news-text) !important;
    -webkit-text-fill-color:
        var(--news-text) !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
}


/* =========================================================
   23. MŨI TÊN BÀI PHỤ
========================================================= */

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-arrow {
    position: absolute !important;
    right: 15px !important;
    bottom: 13px !important;
    z-index: 3;

    width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-arrow .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-arrow .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
        1px solid
        rgba(210, 160, 71, 0.42) !important;

    border-radius: 50% !important;

    background: transparent !important;

    color: var(--news-gold) !important;

    font-size: 10px !important;
    line-height: 1 !important;

    transition:
        transform 0.3s ease,
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-arrow .elementor-icon i {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 1 !important;

    color: var(--news-gold) !important;
}

.elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-arrow .elementor-icon svg {
    width: 10px !important;
    height: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    fill: var(--news-gold) !important;
}


/* =========================================================
   24. HOVER DESKTOP
========================================================= */

@media (hover: hover) {

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all .elementor-button:hover {
        transform: translateY(-2px);

        background:
            var(--news-navy) !important;

        color:
            var(--news-gold-light) !important;

        -webkit-text-fill-color:
            var(--news-gold-light) !important;

        box-shadow:
            0 15px 30px rgba(4, 24, 39, 0.15);
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-view-all
    .elementor-button:hover
    .elementor-button-icon,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-view-all
    .elementor-button:hover
    .elementor-button-icon
    svg {
        color: var(--news-gold-light) !important;
        fill: var(--news-gold-light) !important;
    }


    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-card:hover,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-card:hover {
        transform: translateY(-4px);

        box-shadow:
            0 23px 50px rgba(5, 30, 47, 0.15);
    }


    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-card:hover
    .news-featured-image
    img,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-side-card:hover
    .news-side-image
    img {
        transform: scale(1.035);

        filter: saturate(1.05);
    }


    /* Chỉ khi hover tiêu đề bài nổi bật mới chuyển vàng */

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-card:hover
    .news-featured-post-title
    .elementor-heading-title,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-card:hover
    .news-featured-post-title
    .elementor-heading-title
    a,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-card:hover
    .news-featured-post-title
    h3,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-card:hover
    .news-featured-post-title
    h3
    a {
        color: var(--news-gold-dark) !important;
        -webkit-text-fill-color:
            var(--news-gold-dark) !important;
    }


    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-side-card:hover
    .news-side-title
    .elementor-heading-title,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-side-card:hover
    .news-side-title
    .elementor-heading-title
    a {
        color: var(--news-gold-dark) !important;
        -webkit-text-fill-color:
            var(--news-gold-dark) !important;
    }


    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-card:hover
    .news-featured-link-icon
    .elementor-icon {
        transform: translateX(4px);
    }


    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-side-card:hover
    .news-side-arrow
    .elementor-icon {
        transform: translateX(2px);

        border-color:
            var(--news-gold-light) !important;

        background:
            var(--news-navy) !important;

        color:
            var(--news-gold-light) !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-side-card:hover
    .news-side-arrow
    svg {
        fill: var(--news-gold-light) !important;
    }
}


/* =========================================================
   25. TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-inner {
        width: calc(100% - 44px) !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-layout {
        grid-template-columns: minmax(0, 1fr) !important;

        gap: 20px !important;
    }


    /* Bài nổi bật tablet */

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image .elementor-widget-container,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image a,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image picture {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: 16 / 9 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;

        object-fit: cover !important;
    }


    /* Ba bài phụ nằm thành ba cột */

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-list-loop
    .elementor-loop-container {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        grid-auto-rows: auto !important;

        gap: 15px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-card {
        display: flex !important;
        flex-direction: column !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image .elementor-widget-container,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image a,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image picture {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: 4 / 3 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-content {
        flex: 1 1 auto !important;
        justify-content: flex-start !important;

        padding:
            15px
            15px
            17px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-excerpt {
        display: none !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-arrow {
        right: 13px !important;
        bottom: 12px !important;
    }
}


/* =========================================================
   26. MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-3521 .elementor-element.elementor-element-e787a38 {
        padding:
            48px
            0
            54px !important;

        scroll-margin-top: 90px;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-inner {
        width: calc(100% - 28px) !important;
    }


    /* Header */

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-header {
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 18px !important;

        margin-bottom: 24px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title .elementor-heading-title,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title .elementor-heading-title a,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title h2,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title h2 a {
        font-size: clamp(28px, 7.8vw, 34px) !important;
        line-height: 1.2 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-description,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-description p {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all {
        width: 100% !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all .elementor-button {
        min-height: 44px !important;

        padding:
            11px
            17px !important;

        font-size: 10px !important;
    }


    /* Bố cục một cột */

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-layout {
        grid-template-columns: minmax(0, 1fr) !important;

        gap: 15px !important;
    }


    /* Xóa toàn bộ khoảng trắng thừa của Loop nổi bật */

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-featured-loop,
    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-featured-loop
    > .elementor-widget-container,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-featured-loop
    .elementor-loop-container,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-featured-loop
    .elementor-grid,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-featured-loop
    .e-loop-item,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-featured-loop
    .e-loop-item
    > .e-con,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-featured-loop
    .e-loop-item
    > .elementor-element {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Card nổi bật */

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-card {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 15px !important;
    }


    /* Ảnh áp sát mép card */

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image {
        flex: 0 0 auto !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image .elementor-widget-container,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image a,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image picture {
        display: block !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        aspect-ratio: 16 / 10 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
    }


    /* Nội dung nổi bật chỉ cao đúng lượng chữ */

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-body {
        flex: 0 0 auto !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        justify-content: flex-start !important;

        margin: 0 !important;

        padding:
            17px
            17px
            19px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-body::before {
        left: 17px !important;

        width: 48px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-post-title
    .elementor-heading-title,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-post-title
    .elementor-heading-title
    a,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-post-title
    h3,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-post-title
    h3
    a {
        font-size: 20px !important;
        line-height: 1.35 !important;

        color: var(--news-heading) !important;
        -webkit-text-fill-color:
            var(--news-heading) !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-excerpt {
        flex: 0 0 auto !important;

        margin: 0 0 12px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link {
        flex: 0 0 auto !important;

        margin: 0 !important;
    }


    /* Ba bài phụ mobile */

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .home-news-list-loop
    .elementor-loop-container {
        grid-template-columns: minmax(0, 1fr) !important;

        grid-auto-rows: auto !important;

        gap: 13px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-card {
        display: grid !important;

        grid-template-columns:
            minmax(118px, 0.38fr)
            minmax(0, 0.62fr) !important;

        height: 132px !important;
        min-height: 132px !important;
        max-height: 132px !important;

        border-radius: 13px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image .elementor-widget-container,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image a,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image picture {
        height: 132px !important;
        min-height: 132px !important;
        max-height: 132px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image img {
        width: 100% !important;
        height: 132px !important;

        object-fit: cover !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-content {
        justify-content: center !important;

        padding:
            12px
            13px
            13px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title {
        margin-bottom: 0 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title .elementor-heading-title,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title .elementor-heading-title a,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title h3,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-title h3 a {
        font-size: 13.5px !important;
        line-height: 1.4 !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-excerpt,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-arrow {
        display: none !important;
    }
}


/* =========================================================
   27. MOBILE NHỎ
========================================================= */

@media (max-width: 390px) {

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-inner {
        width: calc(100% - 24px) !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title .elementor-heading-title,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-title h2 {
        font-size: 27px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-body {
        padding:
            16px
            15px
            17px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-body::before {
        left: 15px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-post-title
    .elementor-heading-title,

    .elementor-3521 .elementor-element.elementor-element-e787a38
    .news-featured-post-title
    .elementor-heading-title
    a {
        font-size: 19px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-card {
        grid-template-columns:
            110px
            minmax(0, 1fr) !important;

        height: 126px !important;
        min-height: 126px !important;
        max-height: 126px !important;
    }

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image .elementor-widget-container,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image a,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image picture,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image img {
        height: 126px !important;
        min-height: 126px !important;
        max-height: 126px !important;
    }
}


/* =========================================================
   28. GIẢM CHUYỂN ĐỘNG
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-card,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-card,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-image img,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-image img,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-featured-link-icon .elementor-icon,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .news-side-arrow .elementor-icon,
    .elementor-3521 .elementor-element.elementor-element-e787a38 .home-news-view-all .elementor-button {
        transition: none !important;
    }
}/* End custom CSS */