.elementor-1097 .elementor-element.elementor-element-8334207{--display:flex;--min-height:430px;--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;--justify-content:center;--overflow:hidden;--overlay-opacity:0.79;--margin-top:-78px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1097 .elementor-element.elementor-element-8334207:not(.elementor-motion-effects-element-type-background), .elementor-1097 .elementor-element.elementor-element-8334207 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://noithatdepnewsun.vn/wp-content/uploads/2026/03/490014251_2724550901266377_2076278172826097947_n.webp");background-position:center center;background-size:cover;}.elementor-1097 .elementor-element.elementor-element-8334207::before, .elementor-1097 .elementor-element.elementor-element-8334207 > .elementor-background-video-container::before, .elementor-1097 .elementor-element.elementor-element-8334207 > .e-con-inner > .elementor-background-video-container::before, .elementor-1097 .elementor-element.elementor-element-8334207 > .elementor-background-slideshow::before, .elementor-1097 .elementor-element.elementor-element-8334207 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1097 .elementor-element.elementor-element-8334207 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0F0800C7 0%, #2F2108 100%);}.elementor-1097 .elementor-element.elementor-element-de06eda{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:7px 7px;--row-gap:7px;--column-gap:7px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1097 .elementor-element.elementor-element-50fd0c1{text-align:center;}.elementor-1097 .elementor-element.elementor-element-50fd0c1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2.7px;color:#FFC300;}.elementor-1097 .elementor-element.elementor-element-c2b6169{text-align:center;}.elementor-1097 .elementor-element.elementor-element-c2b6169 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:700;line-height:42px;letter-spacing:0.7px;color:var( --e-global-color-f647483 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1097 .elementor-element.elementor-element-3a82170{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1.2rem;font-weight:400;color:var( --e-global-color-f647483 );}.elementor-1097 .elementor-element.elementor-element-20363d0{--display:flex;--position:absolute;--min-height:50px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D4AF37;--border-color:#D4AF37;--margin-top:0px;--margin-bottom:0px;--margin-left:-15px;--margin-right:0px;bottom:-56px;}body:not(.rtl) .elementor-1097 .elementor-element.elementor-element-20363d0{left:50%;}body.rtl .elementor-1097 .elementor-element.elementor-element-20363d0{right:50%;}.elementor-1097 .elementor-element.elementor-element-90ee57f{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1097 .elementor-element.elementor-element-9ae0c01 .pm-project-filter{justify-content:center;gap:10px;}.elementor-1097 .elementor-element.elementor-element-9ae0c01 .pm-project-filter-item{font-size:0.9rem;font-weight:600;padding:5px 11px 5px 8px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DADBDC;border-radius:26px 26px 26px 26px;}.elementor-1097 .elementor-element.elementor-element-9ae0c01 .pm-project-filter-item:hover{color:var( --e-global-color-text );background-color:#E1E5EE;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C8D0D9;}.elementor-1097 .elementor-element.elementor-element-9ae0c01 .pm-project-filter-item.active{color:var( --e-global-color-text );background-color:#E1E5EE;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1097 .elementor-element.elementor-element-118adf6{--grid-columns:4;--grid-row-gap:16px;--load-more-message-color:var( --e-global-color-text );--load-more-spinner-color:var( --e-global-color-text );--load-more-button-align:center;--grid-column-gap:16px;}.elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-button{background-color:var( --e-global-color-f647483 );fill:var( --e-global-color-text );color:var( --e-global-color-text );transition-duration:0.4s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#989CA1;}.elementor-1097 .elementor-element.elementor-element-118adf6 > .elementor-widget-container{padding:40px 0px 40px 0px;}.elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:1024px){.elementor-1097 .elementor-element.elementor-element-118adf6{--grid-columns:2;}}@media(max-width:767px){.elementor-1097 .elementor-element.elementor-element-de06eda{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1097 .elementor-element.elementor-element-c2b6169 .elementor-heading-title{font-size:32px;}.elementor-1097 .elementor-element.elementor-element-3a82170{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:1rem;}.elementor-1097 .elementor-element.elementor-element-20363d0{--width:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:-15px;--margin-right:0px;}.elementor-1097 .elementor-element.elementor-element-90ee57f{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1097 .elementor-element.elementor-element-118adf6{--grid-columns:1;}}@media(min-width:768px){.elementor-1097 .elementor-element.elementor-element-20363d0{--width:10px;}}/* Start custom CSS for loop-grid, class: .elementor-element-118adf6 *//* =========================================
   CSS CHO LƯỚI ELEMENTOR 4 CỘT & ẢNH NHỎ
   ========================================= */
/* Thu nhỏ chiều cao của ô lưới để ảnh gọn lại */
.elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container {
    display: grid !important;
    grid-auto-rows: 260px !important; /* Đã giảm chiều cao xuống */
    grid-auto-flow: dense !important; /* ĐẶC TRỊ LỆCH LƯỚI: Tự động lấp đầy khoảng trống */
    align-items: stretch !important;
}

/* Ẩn viền (border) cho TẤT CẢ các nút bấm trong lưới */
.elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container .elementor-button {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ========================================================
   GIAO DIỆN TABLET & MOBILE (DƯỚI 1024PX)
   ======================================================== */
@media (max-width: 1023px) {
    /* Ép tất cả các ô đều bằng nhau (1 Cột, 1 Hàng trong lưới nội bộ) */
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    /* Thu nhỏ Padding và Font chữ cho TẤT CẢ các ô trên Tablet/Mobile */
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .my-hover-overlay { padding: 15px !important; }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .elementor-heading-title { 
        font-size: 16px !important; 
        line-height: 1.3 !important; 
        white-space: normal !important; 
    }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .elementor-widget-heading:first-of-type .elementor-heading-title { 
        font-size: 10px !important; 
        letter-spacing: 1px !important; 
        text-transform: uppercase !important; 
        margin-bottom: 5px !important; 
        color: #d4af37 !important; 
    }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .elementor-widget-text-editor,
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .elementor-icon-list-text,
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .elementor-icon-list-icon i { 
        font-size: 11px !important; 
    }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .elementor-icon-list-items { 
        flex-direction: column !important; 
        align-items: flex-start !important; 
        gap: 4px !important; 
    }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .elementor-button { padding: 8px 12px !important; }
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item .elementor-button-text { font-size: 10px !important; }
}

/* ========================================================
   GIAO DIỆN DESKTOP (TỪ 1024PX TRỞ LÊN)
   ======================================================== */
@media (min-width: 1024px) {
    /* CHỈ CHO PHÉP BÀI ĐẦU TIÊN TO (Chiếm 2 cột, 2 hàng) */
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:nth-of-type(1) {
        grid-column: span 2 !important;
        grid-row: span 2 !important;
    }
    
    /* KHÔI PHỤC Ô SỐ 4 THÀNH Ô DÀI (Chiếm 1 cột, 2 hàng dọc) */
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:nth-of-type(4) {
        grid-row: span 2 !important;
    }
       
    /* Thu nhỏ Padding và Font chữ CHO CÁC Ô TRỪ Ô SỐ 1 */
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .my-hover-overlay { padding: 15px !important; }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .elementor-heading-title { 
        font-size: 16px !important; 
        line-height: 1.3 !important; 
        white-space: normal !important; 
    }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .elementor-widget-heading:first-of-type .elementor-heading-title { 
        font-size: 10px !important; 
        letter-spacing: 1px !important; 
        text-transform: uppercase !important; 
        margin-bottom: 5px !important; 
        color: #d4af37 !important; 
    }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .elementor-widget-text-editor,
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .elementor-icon-list-text,
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .elementor-icon-list-icon i { 
        font-size: 11px !important; 
    }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .elementor-icon-list-items { 
        flex-direction: column !important; 
        align-items: flex-start !important; 
        gap: 4px !important; 
    }
    
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .elementor-button { padding: 8px 12px !important; }
    .elementor-1097 .elementor-element.elementor-element-118adf6 .elementor-loop-container > .e-loop-item:not(:nth-of-type(1)) .elementor-button-text { font-size: 10px !important; }
}/* End custom CSS */