.elementor-3545 .elementor-element.elementor-element-007f551 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-0382e2a > .elementor-widget-container{margin:-50px 0px 0px 0px;}
        .elementor-3545 .elementor-element.elementor-element-0382e2a .tx-description
        {font-size:22px;font-weight:normal;}
        .elementor-3545 .elementor-element.elementor-element-0382e2a .tx-subTitle
        {font-size:20px;font-weight:600;}
        .elementor-3545 .elementor-element.elementor-element-0382e2a .tx-title
        {font-weight:500;}.elementor-3545 .elementor-element.elementor-element-50e7051 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-186ed88:not(.elementor-motion-effects-element-type-background), .elementor-3545 .elementor-element.elementor-element-186ed88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev5.bconnect.vn/wp-content/uploads/2026/05/bg2-home7.png");background-repeat:no-repeat;}.elementor-3545 .elementor-element.elementor-element-186ed88 > .elementor-container{max-width:1330px;}.elementor-3545 .elementor-element.elementor-element-186ed88{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 0px 110px 0px;}.elementor-3545 .elementor-element.elementor-element-186ed88 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3545 .elementor-element.elementor-element-ad6600d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3545 .elementor-element.elementor-element-ad6600d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}
        .elementor-3545 .elementor-element.elementor-element-c45ad3a .tx-subTitle
        {font-size:20px;font-weight:700;}
        .elementor-3545 .elementor-element.elementor-element-c45ad3a .tx-title
        {font-size:30px;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-3545 .elementor-element.elementor-element-bab975b{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FF6000;}.elementor-3545 .elementor-element.elementor-element-bab975b .elementor-headline{text-align:start;}.elementor-3545 .elementor-element.elementor-element-bab975b .elementor-headline-plain-text{color:#000000;}.elementor-3545 .elementor-element.elementor-element-bab975b .elementor-headline-dynamic-wrapper path{stroke:#0098FF;}.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-3545 .elementor-element.elementor-element-59a625f .tx-button:hover,
                .elementor-3545 .elementor-element.elementor-element-59a625f .tx-button::after
                {background-color:#053EA5;}
                    .elementor-3545 .elementor-element.elementor-element-7b93239 .tx-button,
                    .elementor-3545 .elementor-element.elementor-element-7b93239 .tx-button::after
                {background-color:#00B3FE;}
                .elementor-3545 .elementor-element.elementor-element-7b93239 .tx-button:hover,
                .elementor-3545 .elementor-element.elementor-element-7b93239 .tx-button::after
                {background-color:#053EA5;}.elementor-bc-flex-widget .elementor-3545 .elementor-element.elementor-element-1f2f8d5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3545 .elementor-element.elementor-element-1f2f8d5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3545 .elementor-element.elementor-element-1f2f8d5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-3545 .elementor-element.elementor-element-4062e46 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-f66bc8a:not(.elementor-motion-effects-element-type-background), .elementor-3545 .elementor-element.elementor-element-f66bc8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev5.bconnect.vn/wp-content/uploads/2026/05/bg3-home4.png");background-repeat:no-repeat;}.elementor-3545 .elementor-element.elementor-element-f66bc8a > .elementor-container{max-width:1330px;}.elementor-3545 .elementor-element.elementor-element-f66bc8a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 0px 110px 0px;}.elementor-3545 .elementor-element.elementor-element-f66bc8a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3545 .elementor-element.elementor-element-b748c4b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3545 .elementor-element.elementor-element-b748c4b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3545 .elementor-element.elementor-element-b748c4b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3545 .elementor-element.elementor-element-b748c4b > .elementor-element-populated{margin:0px 068px 0px 0px;--e-column-margin-right:068px;--e-column-margin-left:0px;}.elementor-3545 .elementor-element.elementor-element-78c88f4 > .elementor-widget-container{margin:0px -80px 0px 0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-3545 .elementor-element.elementor-element-f3384cd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3545 .elementor-element.elementor-element-f3384cd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}
        .elementor-3545 .elementor-element.elementor-element-271a7dd .tx-subTitle
        {font-size:20px;font-weight:700;}.elementor-3545 .elementor-element.elementor-element-2679f03 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-2fd795a{padding:50px 50px 50px 50px;}.elementor-3545 .elementor-element.elementor-element-4559533 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title a{color:var( --e-global-color-primary );}.elementor-widget-tabs .elementor-tab-title.elementor-active,
					 .elementor-widget-tabs .elementor-tab-title.elementor-active a{color:var( --e-global-color-accent );}.elementor-widget-tabs .elementor-tab-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tabs .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3545 .elementor-element.elementor-element-edde3d4 .elementor-tab-title, .elementor-3545 .elementor-element.elementor-element-edde3d4 .elementor-tab-title:before, .elementor-3545 .elementor-element.elementor-element-edde3d4 .elementor-tab-title:after, .elementor-3545 .elementor-element.elementor-element-edde3d4 .elementor-tab-content, .elementor-3545 .elementor-element.elementor-element-edde3d4 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-3545 .elementor-element.elementor-element-9b3cc72 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-ae90bbd:not(.elementor-motion-effects-element-type-background), .elementor-3545 .elementor-element.elementor-element-ae90bbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev5.bconnect.vn/wp-content/uploads/2026/05/bg2-home7-1.png");}.elementor-3545 .elementor-element.elementor-element-ae90bbd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:20px;}.elementor-3545 .elementor-element.elementor-element-ae90bbd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3545 .elementor-element.elementor-element-8ac0226 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-8ac0226 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.chy-brand-logo-4-item{background-color:transparent;background-image:linear-gradient(180deg, #CA1111 0%, #FD9B9B 100%);}.elementor-3545 .elementor-element.elementor-element-1891918{width:100%;max-width:100%;}.elementor-3545 .elementor-element.elementor-element-1891918 .tx-section .container{max-width:1428px;}.elementor-3545 .elementor-element.elementor-element-b1472c4:not(.elementor-motion-effects-element-type-background), .elementor-3545 .elementor-element.elementor-element-b1472c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#031629;background-image:url("https://dev5.bconnect.vn/wp-content/uploads/2026/05/bg2-home7.png");}.elementor-3545 .elementor-element.elementor-element-b1472c4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 0px 110px 0px;}.elementor-3545 .elementor-element.elementor-element-b1472c4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3545 .elementor-element.elementor-element-d061f88 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-d061f88 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3545 .elementor-element.elementor-element-9ae8290 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-e677e4e{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FF5A00;}.elementor-3545 .elementor-element.elementor-element-e677e4e .elementor-headline{text-align:center;}.elementor-3545 .elementor-element.elementor-element-e677e4e .elementor-headline-plain-text{color:#A1D9FF;}.elementor-3545 .elementor-element.elementor-element-e677e4e .elementor-headline-dynamic-wrapper path{stroke:#FF9C00;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3545 .elementor-element.elementor-element-c1dea48{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-3545 .elementor-element.elementor-element-c1dea48 .elementor-divider-separator{width:100%;}.elementor-3545 .elementor-element.elementor-element-c1dea48 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3545 .elementor-element.elementor-element-d510d84 .watermark{font-size:63px;}.elementor-3545 .elementor-element.elementor-element-d510d84 .tx-description{color:#FFFFFF;}
        .elementor-3545 .elementor-element.elementor-element-d510d84 .tx-subTitle
        {font-size:20px;font-weight:700;}.elementor-3545 .elementor-element.elementor-element-d510d84 .tx-title{color:#FFFFFF;}.elementor-3545 .elementor-element.elementor-element-d510d84{text-align:center;}.elementor-3545 .elementor-element.elementor-element-3632701 > .elementor-container{max-width:1325px;}.elementor-3545 .elementor-element.elementor-element-3632701{margin-top:40px;margin-bottom:0px;}.elementor-3545 .elementor-element.elementor-element-da50ff1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 0px 110px 0px;}.elementor-3545 .elementor-element.elementor-element-da50ff1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3545 .elementor-element.elementor-element-bfcd6d4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-bdea770 > .elementor-element-populated{padding:0px 0px 0px 0px;}
        .elementor-3545 .elementor-element.elementor-element-4e733ee .tx-description
        {font-size:20px;font-weight:700;}.elementor-3545 .elementor-element.elementor-element-4e733ee{text-align:center;}.elementor-3545 .elementor-element.elementor-element-ea12ea8 > .elementor-container{max-width:1430px;}.elementor-3545 .elementor-element.elementor-element-ea12ea8 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-3545 .elementor-element.elementor-element-ea12ea8{margin-top:40px;margin-bottom:0px;}.elementor-3545 .elementor-element.elementor-element-09a688a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-44e2f95 > .elementor-widget-container{background-color:#5993F0;background-image:url("https://dev5.bconnect.vn/wp-content/uploads/2026/05/bg-art-2.png");border-radius:20px 20px 20px 20px;}
        .elementor-3545 .elementor-element.elementor-element-44e2f95 .tx-button,
        .elementor-3545 .elementor-element.elementor-element-44e2f95 .tx-button .text
        {font-size:32px;}
        .elementor-3545 .elementor-element.elementor-element-44e2f95 .tx-description
        {font-size:32px;font-weight:700;}
        .elementor-3545 .elementor-element.elementor-element-44e2f95 .tx-subTitle
        {font-size:32px;font-weight:700;}
        .elementor-3545 .elementor-element.elementor-element-44e2f95 .tx-title
        {font-family:"Roboto", Sans-serif;font-size:30px;}.elementor-3545 .elementor-element.elementor-element-03b844d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-951493b{width:100%;max-width:100%;}.elementor-3545 .elementor-element.elementor-element-ac25683 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-12c1d35 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-107c314 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-cf00e66:not(.elementor-motion-effects-element-type-background), .elementor-3545 .elementor-element.elementor-element-cf00e66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev5.bconnect.vn/wp-content/uploads/2025/05/cn.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3545 .elementor-element.elementor-element-cf00e66{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 110px 0px;}.elementor-3545 .elementor-element.elementor-element-cf00e66 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3545 .elementor-element.elementor-element-080ce2c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-3c85be5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3545 .elementor-element.elementor-element-3c85be5 > .elementor-element-populated, .elementor-3545 .elementor-element.elementor-element-3c85be5 > .elementor-element-populated > .elementor-background-overlay, .elementor-3545 .elementor-element.elementor-element-3c85be5 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-3545 .elementor-element.elementor-element-3c85be5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-acf1fe2{width:100%;max-width:100%;align-self:center;}.elementor-3545 .elementor-element.elementor-element-acf1fe2 > .elementor-widget-container{border-radius:50px 50px 50px 50px;box-shadow:0px 0px 83px 0px rgba(0,0,0,0.5);}.elementor-3545 .elementor-element.elementor-element-730c67c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3545 .elementor-element.elementor-element-5c0715f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3545 .elementor-element.elementor-element-df3eaa8 .elementor-icon-wrapper{text-align:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-3545 .elementor-element.elementor-element-979190d .elementor-icon-box-wrapper{gap:15px;}.elementor-3545 .elementor-element.elementor-element-21d379b .elementor-icon-wrapper{text-align:center;}.elementor-3545 .elementor-element.elementor-element-25c4a7b .elementor-icon-box-wrapper{gap:15px;}@media(min-width:768px){.elementor-3545 .elementor-element.elementor-element-ad6600d{width:57.247%;}.elementor-3545 .elementor-element.elementor-element-1f2f8d5{width:42.753%;}.elementor-3545 .elementor-element.elementor-element-b748c4b{width:50%;}.elementor-3545 .elementor-element.elementor-element-f3384cd{width:50%;}.elementor-3545 .elementor-element.elementor-element-8ac0226{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3545 .elementor-element.elementor-element-ad6600d{width:100%;}.elementor-3545 .elementor-element.elementor-element-1f2f8d5{width:100%;}.elementor-3545 .elementor-element.elementor-element-b748c4b{width:100%;}.elementor-3545 .elementor-element.elementor-element-f3384cd{width:100%;}.elementor-3545 .elementor-element.elementor-element-c10e988{width:50%;}.elementor-3545 .elementor-element.elementor-element-8b935ff{width:50%;}.elementor-3545 .elementor-element.elementor-element-34e4217{width:50%;}}@media(max-width:1024px){.elementor-3545 .elementor-element.elementor-element-1f2f8d5 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-3545 .elementor-element.elementor-element-b748c4b > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-3545 .elementor-element.elementor-element-acf1fe2 > .elementor-widget-container{border-radius:50px 50px 50px 50px;}}/* Start custom CSS for tx_service_lists, class: .elementor-element-2679f03 */.tz-ser-feat-item-wrap a{
     pointer-events: none;
    cursor: default;
}/* End custom CSS */
/* Start custom CSS for tabs, class: .elementor-element-edde3d4 *//*bọc image bo góc */ 
.img-inner{
    border-radius:12px !important;
    overflow:hidden !important;
}

.img-inner img{
    border-radius:12px !important;
    width:100%;
}

/* ===== ELEMENTOR TAB ICON - FIX ACTIVE ===== */

.elementor-tabs-wrapper .elementor-tab-title{
    display:flex;
    align-items:center;
    gap:12px;
    padding-left:38px !important;
    position:relative;
}

/* ICON chung */
.elementor-tabs-wrapper .elementor-tab-title::before{
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

/* TAB 1 */
#elementor-tab-title-2491::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232f80ed' viewBox='0 0 24 24'%3E%3Cpath d='M21 6h-2v9H7v2a1 1 0 001 1h9l4 4V7a1 1 0 00-1-1zM17 2H3a1 1 0 00-1 1v14l4-4h11a1 1 0 001-1V3a1 1 0 00-1-1z'/%3E%3C/svg%3E");
}

/* TAB 2 */
#elementor-tab-title-2492::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232f80ed' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011-.24c1.12.37 2.33.57 3.59.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.26.2 2.47.57 3.59a1 1 0 01-.25 1l-2.2 2.2z'/%3E%3C/svg%3E");
}

/* TAB 3 */
#elementor-tab-title-2493::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6a00' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h7v7H3zm11 0h7v7h-7zM3 14h7v7H3zm11 7v-7h7v7z'/%3E%3C/svg%3E");
}

/* TAB 4 */
#elementor-tab-title-2494::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2327ae60' viewBox='0 0 24 24'%3E%3Cpath d='M3 11v2h18v-2H3zm2-6h14l-1.5 4h-11L5 5zm0 14h14l-1.5-4h-11L5 19z'/%3E%3C/svg%3E");
}

/* TAB 5 */
#elementor-tab-title-2495::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232f80ed' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h2v18H3zm4 10h2v8H7zm4-6h2v14h-2zm4 3h2v11h-2zm4-7h2v18h-2z'/%3E%3C/svg%3E");
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1b35325 *//* Ẩn ảnh cũ */
.tz-ser4-bg img{
    display:none;
}

/* Gán background mới */
.tz-ser4-bg{
    background-image:url("https://dev5.bconnect.vn/wp-content/uploads/2025/05/footer-bg3.webp");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}/* End custom CSS */
/* Start custom CSS for tx_service_section, class: .elementor-element-951493b */.tz-ser5-item a{
    pointer-events:none !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6941e19 *//* ==========================================================================
   CSS DÀNH RIÊNG CHO PHẦN TABS NGHIỆP VỤ
   ========================================================================== */

/* Thanh điều hướng Tab dạng viên thuốc (Pill) */
.tab-container { 
    background: transparent; 
    margin-top: 30px;
}
.tab-nav { 
    display: flex; justify-content: center; gap: 10px; margin: 0 auto 50px; 
    background: #f8fafc; padding: 6px; border-radius: 50px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.03); border: 1px solid #e2e8f0;
    width: max-content;
    max-width: 100%;
    flex-wrap: wrap;
}
.tab-btn {
    background: transparent; border: none; padding: 12px 28px;
    font-weight: 600; color: #64748b; border-radius: 50px; 
    cursor: pointer; transition: all 0.3s ease;
    display: flex; align-items: center; gap: 8px; font-size: 1rem;
    font-family: inherit;
}
.tab-btn:hover { color: #0f172a; }
.tab-btn.active { 
    background: #0f172a; color: #fff; 
    box-shadow: 0 4px 12px rgba(11, 17, 32, 0.2); 
}

/* Nền khối Tab bằng màu trắng tinh */
.tab-content-wrapper { 
    background-color: #ffffff !important; 
    padding: 0; 
    border: none;
    box-shadow: none;
}
.tab-pane { display: none; animation: fadeTab 0.4s ease-in-out; }
.tab-pane.active { display: block; }

/* Lưới chia đôi: Ảnh trái - Chữ phải */
.tab-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 60px; 
    align-items: center; 
}

/* Định dạng Ảnh (Bo góc 16px) */
.tab-image-framed {
    border-radius: 16px !important;
    box-shadow: 0 10px 40px -10px rgba(15, 23, 42, 0.08);
    width: 100%; height: auto; object-fit: cover; 
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}
.tab-image-framed:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 20px 40px -10px rgba(37, 99, 235, 0.12); 
}

/* Định dạng Chữ bên trong Tab */
.tab-info { padding-right: 20px; }
.tab-eyebrow { 
    font-size: 0.85rem; letter-spacing: 1px; text-transform: uppercase; 
    margin-bottom: 12px; display: block; color: #2563eb; font-weight: 700; 
}
.tab-title { 
    font-size: 2.2rem; margin-bottom: 20px; margin-top: 0;
    color: #0f172a; font-weight: 800; line-height: 1.25; 
}
.tab-desc { 
    color: #475569; font-size: 1.05rem; line-height: 1.6; margin-bottom: 30px; 
}

/* Định dạng Icon nhỏ trong Tab (Có nền màu) */
.tab-icon-small {
    width: 50px; height: 50px; border-radius: 12px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.3rem; margin-bottom: 20px; flex-shrink: 0;
}
.pastel-yellow { background: #fefce8; color: #eab308; }
.pastel-blue { background: #eff6ff; color: #3b82f6; }
.pastel-orange { background: #fff7ed; color: #f97316; }

/* Nút bấm Yêu cầu Demo (Bo tròn hoàn toàn) */
.btn-demo {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 12px 30px; font-weight: 600; font-size: 1rem; 
    border-radius: 50px; /* Nút hình viên thuốc */
    background: #2563eb; color: #fff;
    text-decoration: none; transition: all 0.3s ease;
    border: 1px solid #2563eb;
}
.btn-demo:hover { 
    background: #1d4ed8; 
    transform: translateY(-2px); 
    box-shadow: 0 8px 20px rgba(37,99,235,0.25); 
}

/* Hoạt ảnh hiển thị Tab & Ảnh bồng bềnh */
@keyframes fadeTab { 
    from { opacity: 0; transform: translateY(15px); } 
    to { opacity: 1; transform: translateY(0); } 
}
.float-anim { animation: floatTab 6s ease-in-out infinite; }
@keyframes floatTab { 
    0%, 100% { transform: translateY(0); } 
    50% { transform: translateY(-12px); } 
}

/* Responsive Mobile cho Tab */
@media (max-width: 992px) {
    .tab-grid { grid-template-columns: 1fr; gap: 40px; }
    .tab-nav { border-radius: 16px; padding: 10px; width: 100%; }
    .tab-btn { border-radius: 8px; flex: 1; justify-content: center; text-align: center; }
    
    /* Đưa ảnh lên trên chữ trên mobile */
    .tab-grid .tab-visual { grid-row: 1; }
    .tab-grid .tab-info { grid-row: 2; padding-right: 0; text-align: center; }
    .tab-eyebrow, .tab-title, .tab-desc { text-align: center; }
    .tab-icon-small { margin: 0 auto 20px auto; display: flex; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-511ab73 *//* ==========================================================================
   CSS CHO KHỐI LỘ TRÌNH TRIỂN KHAI (HIỆU ỨNG ACTIVE ĐA SẮC)
   ========================================================================== */

/* 1. Bố cục 2 cột trên Desktop */
.feature-tabs-layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr; /* Cột ảnh nhỉnh hơn cột chữ một chút */
    gap: 60px;
    align-items: center;
}

.section-title-left {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 30px;
    line-height: 1.3;
}

.feature-tabs-list {
    display: flex;
    flex-direction: column;
}

/* 2. Trạng thái MẶC ĐỊNH của một bước (Nền trong suốt, Gạch dưới) */
.ft-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    border-bottom: 1px solid #e2e8f0; /* Đường phân cách nhạt */
    position: relative;
    background-color: transparent;
}

/* Ẩn đường kẻ ở phần tử cuối cùng */
.ft-item:last-child {
    border-bottom: none;
}

/* 3. ĐỊNH NGHĨA TRẠNG THÁI ACTIVE ĐA SẮC */
/* Thiết lập quy tắc chung khi Active */
.ft-item.active {
    border-bottom-color: transparent; /* Ẩn viền gạch dưới khi active */
    transform: scale(1.02); /* Phóng to ra một chút để hút mắt */
    z-index: 2;
}

/* Ẩn viền gạch dưới của phần tử nằm liền kề phía trên phần tử active */
.ft-item.active + .ft-item {
    border-top-color: transparent;
}

/* 4. Định dạng Hộp Icon (Mặc định) */
.ft-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

/* KẾT HỢP: ĐỊNH NGHĨA MÀU ICON MẶC ĐỊNH VÀ MÀU NỀN ACTIVE THEO TỪNG THẺ */

/* Thẻ 1: Tone Xanh Dương (Mặc định: Nền xanh nhạt, chữ xanh đậm | Active: Nền khối Xanh đậm, Icon nền trắng chữ xanh đậm) */
.ft-item:nth-child(1) .ft-icon { background-color: #eff6ff; color: #3b82f6; }
.ft-item:nth-child(1).active { background-color: #2563eb; box-shadow: 0 15px 35px rgba(37, 99, 235, 0.25); }
.ft-item:nth-child(1).active .ft-icon { background-color: #ffffff; color: #2563eb; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

/* Thẻ 2: Tone Tím / Vàng (Mặc định: Nền tím nhạt, chữ tím | Active: Nền khối Tím đậm, Icon nền trắng chữ tím) */
.ft-item:nth-child(2) .ft-icon { background-color: #f5f3ff; color: #8b5cf6; }
.ft-item:nth-child(2).active { background-color: #7c3aed; box-shadow: 0 15px 35px rgba(124, 58, 237, 0.25); }
.ft-item:nth-child(2).active .ft-icon { background-color: #ffffff; color: #7c3aed; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

/* Thẻ 3: Tone Cam (Mặc định: Nền cam nhạt, chữ cam | Active: Nền khối Cam đậm, Icon nền trắng chữ cam) */
.ft-item:nth-child(3) .ft-icon { background-color: #fff7ed; color: #f97316; }
.ft-item:nth-child(3).active { background-color: #ea580c; box-shadow: 0 15px 35px rgba(234, 88, 12, 0.25); }
.ft-item:nth-child(3).active .ft-icon { background-color: #ffffff; color: #ea580c; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

/* Thẻ 4: Tone Hồng / Xanh Lá (Mặc định: Nền hồng nhạt, chữ hồng | Active: Nền khối Hồng đậm, Icon nền trắng chữ hồng) */
/* Ghi chú: Có thể đổi sang màu xanh lá (#10b981) nếu thích */
.ft-item:nth-child(4) .ft-icon { background-color: #fdf2f8; color: #ec4899; }
.ft-item:nth-child(4).active { background-color: #db2777; box-shadow: 0 15px 35px rgba(219, 39, 119, 0.25); }
.ft-item:nth-child(4).active .ft-icon { background-color: #ffffff; color: #db2777; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

/* 5. Định dạng Text Mặc định */
.ft-text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px 0;
    transition: all 0.3s ease;
}
.ft-text p {
    font-size: 0.95rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
    transition: all 0.3s ease;
}

/* Chuyển Text thành MÀU TRẮNG khi được Click (Áp dụng chung cho mọi màu nền) */
.ft-item.active .ft-text h3,
.ft-item.active .ft-text p {
    color: #ffffff;
}

/* 6. Định dạng khu vực Ảnh bên phải */
.feature-tabs-right {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Ảnh mặc định Ẩn, Bo góc và có bóng đổ */
.ft-img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1);
    border: 1px solid #e2e8f0;
    display: none; /* Giấu đi */
    animation: fadeZoom 0.4s ease-out forwards;
}

/* Ảnh Active sẽ được hiển thị với hiệu ứng */
.ft-img.active {
    display: block;
}

@keyframes fadeZoom {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* ==========================================================================
   XỬ LÝ MOBILE: XEN KẼ NỘI DUNG -> ẢNH -> NỘI DUNG MƯỢT MÀ
   ========================================================================== */
@media (max-width: 1024px) {
    .feature-tabs-layout {
        grid-template-columns: 1fr; /* Đẩy Layout về 1 cột */
        gap: 30px;
    }
    
    .section-title-left { text-align: center; font-size: 2rem; }
    
    /* Ẩn cột ảnh tĩnh bên phải đi */
    .feature-tabs-right { display: none; }

    /* Thay đổi cấu trúc Item: Dọc thay vì Ngang */
    .ft-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
        /* Chừa khoảng trống bên dưới bằng padding để hiển thị ảnh */
        padding: 30px 20px 280px 20px; 
    }
    
    /* Thủ thuật dùng Pseudo-element vẽ ra hình ảnh nằm dưới nội dung chữ 
       => Ảnh bo góc 16px hoàn hảo mà không cần sửa mã HTML! */
    .ft-item::after {
        content: '';
        position: absolute;
        bottom: 25px;
        left: 5%;
        width: 90%;
        height: 230px; /* Chiều cao cố định cho ảnh trên mobile */
        border-radius: 16px; /* Bo góc ảnh */
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        border: 1px solid #e2e8f0;
        background-color: #fff;
        background-size: cover;
        background-position: top center;
    }
    
    /* Đổ Link ảnh vào từng Pseudo-element tương ứng */
    .ft-item:nth-child(1)::after { background-image: url('https://dev5.bconnect.vn/wp-content/uploads/2026/05/tuvan2v2.png'); }
    .ft-item:nth-child(2)::after { background-image: url('https://dev5.bconnect.vn/wp-content/uploads/2026/05/phattrienv2.png'); }
    .ft-item:nth-child(3)::after { background-image: url('https://dev5.bconnect.vn/wp-content/uploads/2026/05/tichhopv2.png'); }
    .ft-item:nth-child(4)::after { background-image: url('https://dev5.bconnect.vn/wp-content/uploads/2026/05/anhconcactcenterv2.png'); }

    /* Khi Active trên điện thoại, bỏ Scale để tránh lỗi tràn viền */
    .ft-item.active { transform: scale(1); }
}

@media (max-width: 768px) {
    .section-title-left { font-size: 1.8rem; }
    /* Giảm chiều cao ảnh trên điện thoại nhỏ để vừa vặn hơn */
    .ft-item { padding-bottom: 230px; }
    .ft-item::after { height: 180px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b322f83 *//* RESET & BIẾN MÀU SẮC */
.base-solution-wrapper {
  --primary-text: #1e293b;
  --secondary-text: #64748b;
  --accent-blue: #3b82f6;
  --accent-yellow: #fbbf24;
  --bg-light: transparent;
  --card-border: #e2e8f0;
  
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background-color: var(--bg-light);
  padding: 40px 0;
  box-sizing: border-box !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  color: var(--primary-text);
  position: relative !important;
  z-index: 1 !important;
}

.base-solution-wrapper * {
  box-sizing: border-box !important;
}

/* PHẦN HEADER */
.base-header {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 40px !important;
  gap: 20px !important;
}
.base-header h2 {
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  color: #0f172a !important;
  flex: 1 !important;
  min-width: 300px !important;
}
.base-header p {
  flex: 1 !important;
  min-width: 300px !important;
  font-size: 16px !important;
  color: var(--secondary-text) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ========================================= */
/* BỐ CỤC CHÍNH (ÉP KÍCH THƯỚC CỨNG CHỐNG ĐÈ) */
/* ========================================= */
.base-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
}

/* CỘT TRÁI: MENU TAB */
.base-sidebar {
  width: 320px !important;         /* Khóa cứng chiều rộng Menu */
  min-width: 320px !important;
  flex-shrink: 0 !important;       /* Không cho phép menu bị ép nhỏ */
  position: relative !important;
  z-index: 9999 !important;        /* NÂNG LÊN CAO NHẤT ĐỂ LUÔN TRÊN ẢNH */
  background-color: #ffffff !important; /* Đổ nền trắng để che đứt ảnh nếu bị lấn */
  padding-right: 40px !important;  /* Khoảng cách an toàn với ảnh */
}
.base-sidebar h4 {
  font-size: 13px !important;
  text-transform: uppercase !important;
  color: var(--secondary-text) !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
  letter-spacing: 0.5px !important;
}
.base-tab {
  padding: 15px 0 !important;
  cursor: pointer !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--secondary-text) !important;
  border-bottom: 1px solid var(--card-border) !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
}
.base-tab:hover { color: var(--primary-text) !important; }
.base-tab.active {
  color: var(--primary-text) !important;
  border-bottom: 2px solid var(--accent-blue) !important;
}
.base-tab.active::before {
  content: '' !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  background-color: var(--accent-yellow) !important;
  margin-right: 10px !important;
  border-radius: 2px !important;
}

/* CỘT PHẢI: KHUNG ẢNH TRÀN VIỀN */
.base-content-area {
  width: calc(100% - 320px) !important; /* Diện tích còn lại chỉ dành cho ảnh */
  max-width: calc(100% - 320px) !important;
  flex-shrink: 1 !important;
  position: relative !important;
  z-index: 10 !important; /* Thấp hơn menu (9999) */
}

.image-card {
  background: #0f172a !important;
  border-radius: 24px !important;
  position: relative !important;
  height: 550px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important; /* CẮT BỎ TẤT CẢ NHỮNG GÌ LẤN RA NGOÀI KHUNG */
  box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
  margin: 0 !important;
}

/* NỘI DUNG TỪNG TAB BÊN TRONG CARD */
.base-pane {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out !important;
  z-index: 1 !important;
}
.base-pane.active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 5 !important;
}

/* Dải Gradient đen dưới đáy */
.pane-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(15,23,42,0.95) 0%, rgba(15,23,42,0.7) 40%, transparent 100%) !important;
  z-index: 2 !important;
}

/* Layout phần Chữ ở đáy ảnh */
.pane-content {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  padding: 40px !important;
  color: white !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.pane-content h3 {
  font-size: 28px !important;
  font-weight: 800 !important;
  margin: 0 0 10px 0 !important;
  color: white !important;
}

.pane-content p {
  font-size: 15px !important;
  color: #cbd5e1 !important;
  line-height: 1.6 !important;
  margin: 0 0 20px 0 !important;
  max-width: 95% !important;
}
.pane-content p strong { color: white !important; }

/* Các nhãn Tags */
.pane-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 25px !important;
}
.badge {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(5px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: white !important;
}
.badge .icon {
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  font-size: 10px !important;
}
.bg-blue { background-color: var(--accent-blue) !important; }
.bg-yellow { background-color: var(--accent-yellow) !important; color: #000 !important; }
.bg-green { background-color: #10b981 !important; }

/* Nút bấm Xanh */
.base-btn {
  display: inline-block !important;
  background-color: var(--accent-blue) !important;
  color: white !important;
  padding: 12px 28px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.1s !important;
  border: none !important;
  cursor: pointer !important;
}
.base-btn:hover { background-color: #2563eb !important; transform: translateY(-2px) !important; color: white !important; }

/* Responsive: Mobile & Tablet */
@media (max-width: 1024px) {
  .base-container { 
    flex-direction: column !important;
  }
  .base-sidebar { 
    width: 100% !important; 
    min-width: 100% !important;
    max-width: 100% !important;
    display: flex !important; 
    overflow-x: auto !important; 
    padding-bottom: 10px !important; 
    padding-right: 0 !important;
    border-bottom: 1px solid var(--card-border) !important; 
  }
  .base-tab { border-bottom: none !important; white-space: nowrap !important; }
  .base-tab.active { border-bottom: 2px solid var(--accent-blue) !important; }
  .base-content-area {
    width: 100% !important;
    max-width: 100% !important;
  }
  .image-card { height: 500px !important; }
  .pane-content { padding: 30px !important; }
  .pane-content h3 { font-size: 24px !important; }
}/* End custom CSS */