.elementor-4046 .elementor-element.elementor-element-711c1188{--display:flex;--overlay-opacity:0.5;}.elementor-4046 .elementor-element.elementor-element-711c1188::before, .elementor-4046 .elementor-element.elementor-element-711c1188 > .elementor-background-video-container::before, .elementor-4046 .elementor-element.elementor-element-711c1188 > .e-con-inner > .elementor-background-video-container::before, .elementor-4046 .elementor-element.elementor-element-711c1188 > .elementor-background-slideshow::before, .elementor-4046 .elementor-element.elementor-element-711c1188 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4046 .elementor-element.elementor-element-711c1188 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4046 .elementor-element.elementor-element-3e004661{--display:flex;--min-height:120px;}.elementor-4046 .elementor-element.elementor-element-3e004661:not(.elementor-motion-effects-element-type-background), .elementor-4046 .elementor-element.elementor-element-3e004661 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #087B5F 0%, #00281E 100%);}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-4046 .elementor-element.elementor-element-50ab1bf4{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-4046 .elementor-element.elementor-element-7aba8584{--display:flex;}body.elementor-page-4046:not(.elementor-motion-effects-element-type-background), body.elementor-page-4046 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-60cfedac *//* ======== DESKTOP ======== */
.svc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 280px; /* tăng chiều cao từ 176px lên 220px */
    gap: 20px;
    width: 100%;
}
.svc-grid a{
    color: black;
}

/* Style chung */
.svc-item {
    border: 1px solid #b6d9a7;
    border-radius: 14px;
    padding: 20px;
    background: #fff;

    /* Căn giữa cả chữ và hình */
    display: flex;
    flex-direction: column;
    justify-content: center !important;   
    align-items: center !important;       
    text-align: center;

    position: relative;
}

/* Xóa margin thủ công vì gây lệch */
.dothiluc_wrapper img,
.svc-item img {
    margin-left: 0 !important;
}

/* căn giữa chữ */
.dothiluc_wrapper h3 {
    margin: 0;
    font-family:Saira Light;
    text-align: center;
}

/* Ảnh */
.dothiluc_img {
    width: 250px;  /* tăng nhẹ cho cân */
    height: 170px;
    object-fit: cover;
}

/* Cột 1 – cao 3 hàng */
.col1 {
    grid-row: span 3;
}

/* Cột 2 */
.col2-1 { grid-row: span 2; }
.col2-2 { grid-row: span 1; }

/* Cột 3 */
.col3-1 { grid-row: span 1; }
.col3-2 { grid-row: span 1; }

/* Ô thứ 3 cột 3 span sang cột 4 */
.col3-3 {
    grid-row: span 1;
    grid-column: 3 / span 2;
}

/* Cột 4 */
.col4-1 {
    grid-row: 1 / span 2;
    grid-column: 4;
}

/* =====================================================
                TABLET – max-width 1200px
===================================================== */
@media (max-width: 1200px) {
    .svc-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 200px;  /* tăng chiều cao tablet */
        gap: 16px;
    }
}

/* =====================================================
                MOBILE – max-width 768px
===================================================== */
@media (max-width: 768px) {

    .svc-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 180px;
        gap: 44px;
    }

    .svc-item {
        min-height: 200px; /* tăng chiều cao mobile */
        padding: 36px;
        
        justify-content: center !important;
        align-items: center !important;
        text-align: center;
    }
.dothiluc_img{
    width: 180px;
}
    /* Bỏ span để xếp tự nhiên */
    .col1,
    .col2-1,
    .col2-2,
    .col3-1,
    .col3-2,
    .col3-3,
    .col4-1 {
        grid-row: auto !important;
        grid-column: auto !important;
    }
}

/* =====================================================
                MOBILE NHỎ – max-width 480px
===================================================== */
@media (max-width: 480px) {
    .svc-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 190px;
    }

    .svc-item {
        min-height: 220px; /* cao hơn để nội dung thoáng */
    }
}/* End custom CSS */