.elementor-3038 .elementor-element.elementor-element-0274fa5{--display:flex;}.elementor-3038 .elementor-element.elementor-element-a884b10{--display:flex;}.elementor-3038 .elementor-element.elementor-element-04061af{--display:flex;}.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-3038 .elementor-element.elementor-element-c16161d{color:#000000;}.elementor-3038 .elementor-element.elementor-element-13325d9{--display:flex;}.elementor-3038 .elementor-element.elementor-element-c682df3{--display:flex;}.elementor-3038 .elementor-element.elementor-element-0480692{--display:flex;}.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-3038 .elementor-element.elementor-element-3e900c3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-deb1fa6{--display:flex;}.elementor-3038 .elementor-element.elementor-element-e516092{--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:center;--align-items:center;--gap:0px 60px;--row-gap:0px;--column-gap:60px;}.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-3038 .elementor-element.elementor-element-e975fbb .elementor-icon-box-wrapper{gap:0px;}.elementor-3038 .elementor-element.elementor-element-e975fbb .elementor-icon-box-title{margin-block-end:0px;color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-e975fbb.elementor-view-stacked .elementor-icon{background-color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-e975fbb.elementor-view-framed .elementor-icon, .elementor-3038 .elementor-element.elementor-element-e975fbb.elementor-view-default .elementor-icon{fill:#1464F4;color:#1464F4;border-color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-e975fbb .elementor-icon-box-title, .elementor-3038 .elementor-element.elementor-element-e975fbb .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;}.elementor-3038 .elementor-element.elementor-element-e975fbb .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon-box-wrapper{gap:0px;}.elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon-box-title{margin-block-end:0px;color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-772e4a2.elementor-view-stacked .elementor-icon{background-color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-772e4a2.elementor-view-framed .elementor-icon, .elementor-3038 .elementor-element.elementor-element-772e4a2.elementor-view-default .elementor-icon{fill:#1464F4;color:#1464F4;border-color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon-box-title, .elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;}.elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon-box-wrapper{gap:0px;}.elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon-box-title{margin-block-end:0px;color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-b1810db.elementor-view-stacked .elementor-icon{background-color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-b1810db.elementor-view-framed .elementor-icon, .elementor-3038 .elementor-element.elementor-element-b1810db.elementor-view-default .elementor-icon{fill:#1464F4;color:#1464F4;border-color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon-box-title, .elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;}.elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon-box-wrapper{gap:0px;}.elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon-box-title{margin-block-end:0px;color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-1f75abc.elementor-view-stacked .elementor-icon{background-color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-1f75abc.elementor-view-framed .elementor-icon, .elementor-3038 .elementor-element.elementor-element-1f75abc.elementor-view-default .elementor-icon{fill:#1464F4;color:#1464F4;border-color:#1464F4;}.elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon-box-title, .elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;}.elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-8c00cc8{--display:flex;}.elementor-3038 .elementor-element.elementor-element-7154e5e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-9fc2e4c{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-3be37b2{--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-3038 .elementor-element.elementor-element-bba61b6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-widget-image .widget-image-caption{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-3038 .elementor-element.elementor-element-7814ece{color:#000000;}.elementor-3038 .elementor-element.elementor-element-7fa1807{--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-3038 .elementor-element.elementor-element-9512406 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-7cb374a{color:#000000;}.elementor-3038 .elementor-element.elementor-element-bb11f82{--display:flex;}.elementor-3038 .elementor-element.elementor-element-00217ad .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-30125e2{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-a20e234{--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-3038 .elementor-element.elementor-element-9bca74e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-8fc9711{color:#000000;}.elementor-3038 .elementor-element.elementor-element-de25d8e{--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-3038 .elementor-element.elementor-element-d5af861 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-e25d2d7{color:#000000;}.elementor-3038 .elementor-element.elementor-element-ed482d5{--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-3038 .elementor-element.elementor-element-3d087a9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-90750f9{color:#000000;}.elementor-3038 .elementor-element.elementor-element-2090d86{--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-3038 .elementor-element.elementor-element-929b407 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-5736c9d{color:#000000;}.elementor-3038 .elementor-element.elementor-element-6cd4a32{--display:flex;}.elementor-3038 .elementor-element.elementor-element-5b0ba7b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-064a751{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-8a7cc5c{--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-3038 .elementor-element.elementor-element-0089a8b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-3344f78{color:#000000;}.elementor-3038 .elementor-element.elementor-element-00f5f21{--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-3038 .elementor-element.elementor-element-0c1f23b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-6dfefa5{color:#000000;}.elementor-3038 .elementor-element.elementor-element-87bf82d{--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-3038 .elementor-element.elementor-element-df40b16 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-4039c41{color:#000000;}.elementor-3038 .elementor-element.elementor-element-4b59887{color:#000000;}.elementor-3038 .elementor-element.elementor-element-ec106c4{--display:flex;}.elementor-3038 .elementor-element.elementor-element-5226d1c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-c8daf0d{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-ac4ec90{--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-3038 .elementor-element.elementor-element-4e82bd9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-cc4ff58{color:#000000;}.elementor-3038 .elementor-element.elementor-element-d1b1843{--display:flex;}.elementor-3038 .elementor-element.elementor-element-1a2927d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-5b82a07{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-13178d0{--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-3038 .elementor-element.elementor-element-f6634cf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-cd9f608{color:#000000;}.elementor-3038 .elementor-element.elementor-element-33c7e07{--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-3038 .elementor-element.elementor-element-965435e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-71e5efe{color:#000000;}.elementor-3038 .elementor-element.elementor-element-00acae0{--display:flex;}.elementor-3038 .elementor-element.elementor-element-3c9e089 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-40796ec{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-3cd4fa2{--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-3038 .elementor-element.elementor-element-21ebc34 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-4c75e81{color:#000000;}.elementor-3038 .elementor-element.elementor-element-00c713d{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-3038 .elementor-element.elementor-element-8b27c31{--display:flex;}.elementor-3038 .elementor-element.elementor-element-b23b622 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-9d5cd18{--display:flex;}.elementor-3038 .elementor-element.elementor-element-6f7765f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-94f5460{--display:flex;}.elementor-3038 .elementor-element.elementor-element-5cfe987 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-bfe1493{color:#000000;}.elementor-3038 .elementor-element.elementor-element-944f662{--display:flex;}.elementor-3038 .elementor-element.elementor-element-8883c6b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-ddc1c54{color:#000000;}.elementor-3038 .elementor-element.elementor-element-5b7f8ad{--display:flex;}.elementor-3038 .elementor-element.elementor-element-5941718 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-5fbda1b{color:#000000;}.elementor-3038 .elementor-element.elementor-element-dbe1291{--display:flex;}.elementor-3038 .elementor-element.elementor-element-32aa8ce .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-f0fb984{color:#000000;}.elementor-3038 .elementor-element.elementor-element-33da191{--display:flex;}.elementor-3038 .elementor-element.elementor-element-664921f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-bbd2a4d{color:#000000;}.elementor-3038 .elementor-element.elementor-element-70cf1d5{--display:flex;}.elementor-3038 .elementor-element.elementor-element-a6beff8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-bf250de{color:#000000;}.elementor-3038 .elementor-element.elementor-element-48b7fe9{--display:flex;}.elementor-3038 .elementor-element.elementor-element-82178bf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-e994788{color:#000000;}.elementor-3038 .elementor-element.elementor-element-712620b{--display:flex;}.elementor-3038 .elementor-element.elementor-element-812f186 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-ab6a0e1{color:#000000;}.elementor-3038 .elementor-element.elementor-element-1caca3c{--display:flex;}.elementor-3038 .elementor-element.elementor-element-a521598 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-8d7f1d4{color:#000000;}.elementor-3038 .elementor-element.elementor-element-3074c72{--display:flex;}.elementor-3038 .elementor-element.elementor-element-4740ba9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-ee9010b{color:#000000;}.elementor-3038 .elementor-element.elementor-element-f64db33{--display:flex;}.elementor-3038 .elementor-element.elementor-element-02e75cb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-6eed78d{color:#000000;}.elementor-3038 .elementor-element.elementor-element-e0ff231{--display:flex;}.elementor-3038 .elementor-element.elementor-element-f85911b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#000000;}.elementor-3038 .elementor-element.elementor-element-9bf4b47{color:#000000;}.elementor-3038 .elementor-element.elementor-element-1a4ca10{--display:flex;}.elementor-3038 .elementor-element.elementor-element-66a6bba{--display:flex;}.elementor-3038 .elementor-element.elementor-element-5cc3549 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#000000;}.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-3038 .elementor-element.elementor-element-c9c31f3{--grid-columns:3;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3038 .elementor-element.elementor-element-c9c31f3{--grid-columns:2;}}@media(max-width:767px){.elementor-3038 .elementor-element.elementor-element-3e900c3 .elementor-heading-title{font-size:12px;}.elementor-3038 .elementor-element.elementor-element-e516092{--gap:1px 25px;--row-gap:1px;--column-gap:25px;--flex-wrap:wrap;}.elementor-3038 .elementor-element.elementor-element-e975fbb .elementor-icon{font-size:25px;}.elementor-3038 .elementor-element.elementor-element-e975fbb .elementor-icon-box-title, .elementor-3038 .elementor-element.elementor-element-e975fbb .elementor-icon-box-title a{font-size:12px;}.elementor-3038 .elementor-element.elementor-element-e975fbb .elementor-icon-box-description{font-size:10px;}.elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon{font-size:25px;}.elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon-box-title, .elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon-box-title a{font-size:12px;}.elementor-3038 .elementor-element.elementor-element-772e4a2 .elementor-icon-box-description{font-size:10px;}.elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon{font-size:25px;}.elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon-box-title, .elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon-box-title a{font-size:12px;}.elementor-3038 .elementor-element.elementor-element-b1810db .elementor-icon-box-description{font-size:10px;}.elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon{font-size:25px;}.elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon-box-title, .elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon-box-title a{font-size:12px;}.elementor-3038 .elementor-element.elementor-element-1f75abc .elementor-icon-box-description{font-size:10px;}.elementor-3038 .elementor-element.elementor-element-00c713d{text-align:start;font-size:12px;}.elementor-3038 .elementor-element.elementor-element-6f7765f .elementor-heading-title{font-size:18px;}.elementor-3038 .elementor-element.elementor-element-5cc3549 .elementor-heading-title{font-size:18px;}.elementor-3038 .elementor-element.elementor-element-c9c31f3{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-3e900c3 *//* Lột xác Tiêu đề H1 H2 KINH DOANH thành khối Gradient sang trọng */ .elementor-3038 .elementor-element.elementor-element-3e900c3 { background: linear-gradient(135deg, #1a2b4c, #2563eb) !important; /* Dải màu Xanh Navy - Xanh Dương */ padding: 16px 24px !important; border-radius: 12px !important; /* Bo góc mềm mại, hiện đại */ box-shadow: 0 10px 25px rgba(37, 99, 235, 0.2) !important; /* Đổ bóng tạo chiều sâu */ border-left: 6px solid #fbbf24 !important; /* Điểm nhấn viền vàng kim loại bên trái cực kỳ hút mắt */ position: relative; overflow: hidden; /* Giữ lại hiệu ứng ánh sáng bên trong khung */ text-align: center; } /* Định dạng lại nét chữ bên trong cho sắc sảo (PC & Tablet: 26px) */ .elementor-3038 .elementor-element.elementor-element-3e900c3 .elementor-heading-title { color: #ffffff !important; font-size: 26px !important; /* Chốt cứng size 26px cho màn hình lớn */ font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important; /* Đổ bóng nhẹ cho chữ đanh lại */ margin: 0 !important; position: relative; z-index: 2; /* Đảm bảo chữ luôn nổi lên trên hiệu ứng ánh sáng */ } /* Tuyệt chiêu: Hiệu ứng ánh sáng lướt qua (Shimmer) mỗi 4 giây */ .elementor-3038 .elementor-element.elementor-element-3e900c3::before { content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%; background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent); transform: skewX(-25deg); animation: title-shine 4s infinite; z-index: 1; } @keyframes title-shine { 0% { left: -150%; } 20% { left: 200%; } /* Quét vệt sáng ngang qua */ 100% { left: 200%; } /* Nghỉ 1 nhịp rồi quét tiếp */ } /* --- TỐI ƯU HIỂN THỊ CHO MOBILE --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-3e900c3 .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để không bị ngợp trên điện thoại */ } .elementor-3038 .elementor-element.elementor-element-3e900c3 { padding: 12px 16px !important; /* Bóp nhẹ khoảng đệm để cân xứng với size chữ nhỏ */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7154e5e *//* --- KHỐI TIÊU ĐỀ H2 (Đã tối ưu Hệ thống Responsive) --- */ .elementor-3038 .elementor-element.elementor-element-7154e5e { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* 1. Định dạng chữ: PC & Tablet (Mặc định 26px) */ .elementor-3038 .elementor-element.elementor-element-7154e5e .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; /* Đã tăng lên 26px để tạo độ bề thế trên màn hình lớn */ font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.5px !important; margin: 0; } /* 2. Tạo đường gạch chân mỏng làm "điểm tựa" */ .elementor-3038 .elementor-element.elementor-element-7154e5e::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); border-radius: 2px; transition: width 0.4s ease; } /* 3. Hiệu ứng tương tác: Đường kẻ vươn dài */ .elementor-3038 .elementor-element.elementor-element-7154e5e:hover::after { width: 120px; } /* --- 4. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-7154e5e .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để vừa vặn, không bị ngợp trên Mobile */ } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9fc2e4c *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-9fc2e4c { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-9fc2e4c::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-9fc2e4c p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-9fc2e4c p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-9fc2e4c strong, .elementor-3038 .elementor-element.elementor-element-9fc2e4c b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-9fc2e4c a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-9fc2e4c a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bba61b6 *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-bba61b6 { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-bba61b6::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-bba61b6:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e8faffd *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-e8faffd { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-e8faffd img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-e8faffd:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-e8faffd:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7814ece *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-7814ece { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-7814ece::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-7814ece p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-7814ece p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-7814ece strong, .elementor-3038 .elementor-element.elementor-element-7814ece b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-7814ece a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-7814ece a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9512406 *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-9512406 { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-9512406::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-9512406:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-db89103 *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-db89103 { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-db89103 img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-db89103:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-db89103:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7cb374a *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-7cb374a { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-7cb374a::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-7cb374a p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-7cb374a p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-7cb374a strong, .elementor-3038 .elementor-element.elementor-element-7cb374a b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-7cb374a a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-7cb374a a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-00217ad *//* --- KHỐI TIÊU ĐỀ H2 (Đã tối ưu Hệ thống Responsive) --- */ .elementor-3038 .elementor-element.elementor-element-00217ad { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* 1. Định dạng chữ: PC & Tablet (Mặc định 26px) */ .elementor-3038 .elementor-element.elementor-element-00217ad .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; /* Đã tăng lên 26px để tạo độ bề thế trên màn hình lớn */ font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.5px !important; margin: 0; } /* 2. Tạo đường gạch chân mỏng làm "điểm tựa" */ .elementor-3038 .elementor-element.elementor-element-00217ad::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); border-radius: 2px; transition: width 0.4s ease; } /* 3. Hiệu ứng tương tác: Đường kẻ vươn dài */ .elementor-3038 .elementor-element.elementor-element-00217ad:hover::after { width: 120px; } /* --- 4. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-00217ad .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để vừa vặn, không bị ngợp trên Mobile */ } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-30125e2 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-30125e2 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-30125e2::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-30125e2 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-30125e2 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-30125e2 strong, .elementor-3038 .elementor-element.elementor-element-30125e2 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-30125e2 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-30125e2 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9bca74e *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-9bca74e { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-9bca74e::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-9bca74e:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9dee5e2 *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-9dee5e2 { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-9dee5e2 img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-9dee5e2:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-9dee5e2:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-8fc9711 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-8fc9711 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-8fc9711::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-8fc9711 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-8fc9711 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-8fc9711 strong, .elementor-3038 .elementor-element.elementor-element-8fc9711 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-8fc9711 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-8fc9711 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d5af861 *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-d5af861 { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-d5af861::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-d5af861:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a89a116 *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-a89a116 { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-a89a116 img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-a89a116:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-a89a116:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-e25d2d7 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-e25d2d7 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-e25d2d7::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-e25d2d7 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-e25d2d7 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-e25d2d7 strong, .elementor-3038 .elementor-element.elementor-element-e25d2d7 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-e25d2d7 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-e25d2d7 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3d087a9 *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-3d087a9 { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-3d087a9::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-3d087a9:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9dff86f *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-9dff86f { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-9dff86f img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-9dff86f:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-9dff86f:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-90750f9 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-90750f9 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-90750f9::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-90750f9 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-90750f9 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-90750f9 strong, .elementor-3038 .elementor-element.elementor-element-90750f9 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-90750f9 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-90750f9 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-929b407 *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-929b407 { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-929b407::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-929b407:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9c6056e *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-9c6056e { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-9c6056e img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-9c6056e:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-9c6056e:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5736c9d *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-5736c9d { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-5736c9d::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-5736c9d p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-5736c9d p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-5736c9d strong, .elementor-3038 .elementor-element.elementor-element-5736c9d b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-5736c9d a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-5736c9d a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5b0ba7b *//* --- KHỐI TIÊU ĐỀ H2 (Đã tối ưu Hệ thống Responsive) --- */ .elementor-3038 .elementor-element.elementor-element-5b0ba7b { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* 1. Định dạng chữ: PC & Tablet (Mặc định 26px) */ .elementor-3038 .elementor-element.elementor-element-5b0ba7b .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; /* Đã tăng lên 26px để tạo độ bề thế trên màn hình lớn */ font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.5px !important; margin: 0; } /* 2. Tạo đường gạch chân mỏng làm "điểm tựa" */ .elementor-3038 .elementor-element.elementor-element-5b0ba7b::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); border-radius: 2px; transition: width 0.4s ease; } /* 3. Hiệu ứng tương tác: Đường kẻ vươn dài */ .elementor-3038 .elementor-element.elementor-element-5b0ba7b:hover::after { width: 120px; } /* --- 4. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-5b0ba7b .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để vừa vặn, không bị ngợp trên Mobile */ } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-064a751 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-064a751 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-064a751::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-064a751 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-064a751 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-064a751 strong, .elementor-3038 .elementor-element.elementor-element-064a751 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-064a751 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-064a751 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0089a8b *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-0089a8b { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-0089a8b::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-0089a8b:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-90e37eb *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-90e37eb { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-90e37eb img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-90e37eb:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-90e37eb:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3344f78 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-3344f78 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-3344f78::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-3344f78 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-3344f78 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-3344f78 strong, .elementor-3038 .elementor-element.elementor-element-3344f78 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-3344f78 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-3344f78 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0c1f23b *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-0c1f23b { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-0c1f23b::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-0c1f23b:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1668325 *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-1668325 { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-1668325 img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-1668325:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-1668325:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6dfefa5 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-6dfefa5 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-6dfefa5::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-6dfefa5 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-6dfefa5 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-6dfefa5 strong, .elementor-3038 .elementor-element.elementor-element-6dfefa5 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-6dfefa5 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-6dfefa5 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-df40b16 *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-df40b16 { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-df40b16::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-df40b16:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e62488c *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-e62488c { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-e62488c img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-e62488c:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-e62488c:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4039c41 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-4039c41 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-4039c41::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-4039c41 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-4039c41 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-4039c41 strong, .elementor-3038 .elementor-element.elementor-element-4039c41 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-4039c41 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-4039c41 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4b59887 *//* Biến link text thành dạng nút bấm sang trọng */ .elementor-3038 .elementor-element.elementor-element-4b59887 a { display: inline-flex; align-items: center; background: linear-gradient(90deg, #1a2b4c, #2563eb); /* Dải màu xanh định vị thương hiệu */ color: #ffffff !important; font-weight: 600; padding: 8px 20px; border-radius: 25px; /* Bo góc tròn trịa */ text-decoration: none; /* Xóa gạch chân mặc định */ transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2); font-size: 14px; } /* Hiệu ứng khi khách hàng rê chuột vào (Hover) */ .elementor-3038 .elementor-element.elementor-element-4b59887 a:hover { transform: translateY(-2px); /* Nẩy nhẹ lên */ box-shadow: 0 6px 15px rgba(37, 99, 235, 0.4); background: linear-gradient(90deg, #2563eb, #1a2b4c); /* Đảo chiều màu nền */ } /* Thêm mũi tên nhỏ chỉ hướng tạo cảm giác điều hướng */ .elementor-3038 .elementor-element.elementor-element-4b59887 a::after { content: ' \2192'; margin-left: 8px; font-size: 16px; transition: transform 0.3s ease; } /* Hiệu ứng trượt mũi tên khi hover */ .elementor-3038 .elementor-element.elementor-element-4b59887 a:hover::after { transform: translateX(4px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5226d1c *//* --- KHỐI TIÊU ĐỀ H2 (Đã tối ưu Hệ thống Responsive) --- */ .elementor-3038 .elementor-element.elementor-element-5226d1c { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* 1. Định dạng chữ: PC & Tablet (Mặc định 26px) */ .elementor-3038 .elementor-element.elementor-element-5226d1c .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; /* Đã tăng lên 26px để tạo độ bề thế trên màn hình lớn */ font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.5px !important; margin: 0; } /* 2. Tạo đường gạch chân mỏng làm "điểm tựa" */ .elementor-3038 .elementor-element.elementor-element-5226d1c::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); border-radius: 2px; transition: width 0.4s ease; } /* 3. Hiệu ứng tương tác: Đường kẻ vươn dài */ .elementor-3038 .elementor-element.elementor-element-5226d1c:hover::after { width: 120px; } /* --- 4. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-5226d1c .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để vừa vặn, không bị ngợp trên Mobile */ } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-c8daf0d *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-c8daf0d { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-c8daf0d::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-c8daf0d p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-c8daf0d p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-c8daf0d strong, .elementor-3038 .elementor-element.elementor-element-c8daf0d b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-c8daf0d a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-c8daf0d a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4e82bd9 *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-4e82bd9 { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-4e82bd9::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-4e82bd9:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2126d63 *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-2126d63 { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-2126d63 img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-2126d63:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-2126d63:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cc4ff58 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-cc4ff58 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-cc4ff58::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-cc4ff58 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-cc4ff58 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-cc4ff58 strong, .elementor-3038 .elementor-element.elementor-element-cc4ff58 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-cc4ff58 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-cc4ff58 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a2927d *//* --- KHỐI TIÊU ĐỀ H2 (Đã tối ưu Hệ thống Responsive) --- */ .elementor-3038 .elementor-element.elementor-element-1a2927d { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* 1. Định dạng chữ: PC & Tablet (Mặc định 26px) */ .elementor-3038 .elementor-element.elementor-element-1a2927d .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; /* Đã tăng lên 26px để tạo độ bề thế trên màn hình lớn */ font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.5px !important; margin: 0; } /* 2. Tạo đường gạch chân mỏng làm "điểm tựa" */ .elementor-3038 .elementor-element.elementor-element-1a2927d::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); border-radius: 2px; transition: width 0.4s ease; } /* 3. Hiệu ứng tương tác: Đường kẻ vươn dài */ .elementor-3038 .elementor-element.elementor-element-1a2927d:hover::after { width: 120px; } /* --- 4. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-1a2927d .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để vừa vặn, không bị ngợp trên Mobile */ } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5b82a07 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-5b82a07 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-5b82a07::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-5b82a07 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-5b82a07 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-5b82a07 strong, .elementor-3038 .elementor-element.elementor-element-5b82a07 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-5b82a07 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-5b82a07 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f6634cf *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-f6634cf { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-f6634cf::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-f6634cf:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4578822 *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-4578822 { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-4578822 img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-4578822:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-4578822:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cd9f608 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-cd9f608 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-cd9f608::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-cd9f608 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-cd9f608 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-cd9f608 strong, .elementor-3038 .elementor-element.elementor-element-cd9f608 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-cd9f608 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-cd9f608 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-965435e *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-965435e { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-965435e::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-965435e:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-17a0d50 *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-17a0d50 { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-17a0d50 img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-17a0d50:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-17a0d50:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-71e5efe *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-71e5efe { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-71e5efe::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-71e5efe p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-71e5efe p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-71e5efe strong, .elementor-3038 .elementor-element.elementor-element-71e5efe b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-71e5efe a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-71e5efe a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3c9e089 *//* --- KHỐI TIÊU ĐỀ H2 (Đã tối ưu Hệ thống Responsive) --- */ .elementor-3038 .elementor-element.elementor-element-3c9e089 { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* 1. Định dạng chữ: PC & Tablet (Mặc định 26px) */ .elementor-3038 .elementor-element.elementor-element-3c9e089 .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; /* Đã tăng lên 26px để tạo độ bề thế trên màn hình lớn */ font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.5px !important; margin: 0; } /* 2. Tạo đường gạch chân mỏng làm "điểm tựa" */ .elementor-3038 .elementor-element.elementor-element-3c9e089::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); border-radius: 2px; transition: width 0.4s ease; } /* 3. Hiệu ứng tương tác: Đường kẻ vươn dài */ .elementor-3038 .elementor-element.elementor-element-3c9e089:hover::after { width: 120px; } /* --- 4. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-3c9e089 .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để vừa vặn, không bị ngợp trên Mobile */ } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-40796ec *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-40796ec { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-40796ec::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-40796ec p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-40796ec p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-40796ec strong, .elementor-3038 .elementor-element.elementor-element-40796ec b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-40796ec a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-40796ec a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-21ebc34 *//* --- TIÊU ĐỀ PHỤ H3 (Hiệu ứng Đèn LED định vị) --- */ .elementor-3038 .elementor-element.elementor-element-21ebc34 { color: #1a2b4c !important; /* Xanh Navy quyền lực và lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 20px !important; /* Đẩy chữ sang phải để nhường chỗ cho đèn LED */ margin-bottom: 20px !important; /* Mở rộng không gian thở với hình ảnh bên dưới */ } /* --- ĐIỂM SÁNG CÔNG NGHỆ (Màu mè tinh tế) --- */ .elementor-3038 .elementor-element.elementor-element-21ebc34::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; /* Căn giữa hoàn hảo theo chiều dọc của chữ */ width: 8px !important; height: 8px !important; background-color: #2563eb !important; /* Màu Xanh Dương rực rỡ */ border-radius: 50% !important; /* Bo tròn tuyệt đối */ box-shadow: 0 0 12px rgba(37, 99, 235, 0.9) !important; /* Hiệu ứng tỏa sáng hào quang của đèn xe */ transition: all 0.3s ease !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-21ebc34:hover::before { background-color: #f59e0b !important; /* Bóng LED nháy sang màu Vàng Kim cảnh báo */ box-shadow: 0 0 16px rgba(245, 158, 11, 0.9) !important; transform: translateY(-50%) scale(1.3) !important; /* Phóng to nhẹ điểm sáng */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-14257c5 *//* --- KHỐI HÌNH ẢNH (Bóng tĩnh đậm chất 3D) --- */ .elementor-3038 .elementor-element.elementor-element-14257c5 { border-radius: 8px !important; overflow: hidden !important; /* BÓNG TĨNH MẠNH MẼ: Opacity 0.25 tạo độ nổi khối tuyệt đối */ box-shadow: 0 8px 24px rgba(26, 43, 76, 0.25) !important; transition: all 0.4s ease-in-out !important; cursor: pointer !important; } /* --- TÁC ĐỘNG TRỰC TIẾP VÀO ẢNH BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-14257c5 img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; width: 100% !important; height: auto !important; } /* --- MICRO-INTERACTION (Hiệu ứng xe chuyển động khi Hover) --- */ .elementor-3038 .elementor-element.elementor-element-14257c5:hover { /* TĂNG BÓNG HOVER: Tỏa rộng và sâu hơn nữa để duy trì biên độ nẩy */ box-shadow: 0 16px 32px rgba(26, 43, 76, 0.35) !important; transform: translateY(-4px) !important; } /* Phóng to chiếc xe bên trong */ .elementor-3038 .elementor-element.elementor-element-14257c5:hover img { transform: scale(1.06) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4c75e81 *//* --- KHỐI VĂN BẢN (Phiên bản Hộp thông tin nền xanh nhẹ) --- */ .elementor-3038 .elementor-element.elementor-element-4c75e81 { background-color: rgba(37, 99, 235, 0.04) !important; /* Nền xanh dương siêu mờ, thanh lịch */ border-radius: 8px !important; /* Bo góc mềm mại */ border: none !important; padding: 24px 28px !important; /* Trả lại không gian thở rộng rãi cho nền */ margin-bottom: 24px !important; position: relative !important; overflow: hidden !important; /* Giữ cho viền trái bo góc chuẩn theo khung */ } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Màu liền, nguyên khối) --- */ .elementor-3038 .elementor-element.elementor-element-4c75e81::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; /* Độ dày vừa đủ tạo sự vững chãi */ height: 100% !important; /* Chạy liền mạch từ trên xuống dưới */ background-color: #2563eb !important; /* Xanh Dương đậm nét, không mờ dần */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-4c75e81 p { color: #334155 !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } /* Khử margin thừa ở đoạn cuối cùng */ .elementor-3038 .elementor-element.elementor-element-4c75e81 p:last-child { margin-bottom: 0 !important; } /* --- CHUẨN BỊ SẴN CHO CÁC TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-4c75e81 strong, .elementor-3038 .elementor-element.elementor-element-4c75e81 b { color: #1a2b4c !important; /* Chữ đậm Xanh Navy */ font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-4c75e81 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-4c75e81 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-00c713d *//* --- BIẾN KHỐI TEXT THÀNH NÚT CTA PHỤ CAO CẤP --- */ .elementor-3038 .elementor-element.elementor-element-00c713d { display: inline-block !important; /* Ép khối ôm sát vào chữ, không chiếm hết chiều ngang */ background-color: #ffffff !important; border: 2px solid #2563eb !important; /* Viền Xanh Dương sắc nét */ border-radius: 30px !important; /* Bo tròn thanh lịch dạng viên thuốc */ padding: 12px 28px !important; /* Không gian thở chuẩn mực */ box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important; cursor: pointer !important; transition: all 0.3s ease-in-out !important; /* Căn giữa nút nếu nó nằm trong một cột rộng */ margin: 10px auto !important; /* Kích hoạt hiệu ứng nhịp đập (Pulse) thôi thúc hành động */ animation: policyPulse 2s infinite !important; } /* --- TỐI ƯU HIỂN THỊ CHỮ BÊN TRONG --- */ .elementor-3038 .elementor-element.elementor-element-00c713d p, .elementor-3038 .elementor-element.elementor-element-00c713d a, .elementor-3038 .elementor-element.elementor-element-00c713d span { color: #1a2b4c !important; /* Chữ Xanh Navy quyền lực */ font-size: 16px !important; font-weight: 800 !important; margin: 0 !important; text-decoration: none !important; display: flex !important; align-items: center !important; gap: 8px !important; /* Khoảng cách đều giữa icon bàn tay và chữ */ } /* --- MICRO-INTERACTION (Phản hồi mượt mà khi di chuột) --- */ .elementor-3038 .elementor-element.elementor-element-00c713d:hover { background-color: #2563eb !important; /* Đảo màu nền thành Xanh Dương */ transform: translateY(-4px) !important; /* Nẩy nhẹ lên */ box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35) !important; /* Bóng đổ sâu hơn */ animation: none !important; /* Tạm dừng nhịp đập khi đang tương tác */ } .elementor-3038 .elementor-element.elementor-element-00c713d:hover p, .elementor-3038 .elementor-element.elementor-element-00c713d:hover a, .elementor-3038 .elementor-element.elementor-element-00c713d:hover span { color: #ffffff !important; /* Chữ tự động chuyển sang trắng để nổi bật trên nền xanh */ } /* --- BỘ ĐỘNG CƠ NHỊP ĐẬP (Pulse Animation) --- */ @keyframes policyPulse { 0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4); } 70% { box-shadow: 0 0 0 12px rgba(37, 99, 235, 0); } /* Sóng tỏa ra và mờ dần */ 100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); } } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { /* Ép cứng size chữ về 12px như Khánh yêu cầu */ .elementor-3038 .elementor-element.elementor-element-00c713d p, .elementor-3038 .elementor-element.elementor-element-00c713d a, .elementor-3038 .elementor-element.elementor-element-00c713d span { font-size: 12px !important; } /* Tinh chỉnh hệ thống: Bóp nhẹ padding để khung nút cân đối hoàn hảo với chữ nhỏ */ .elementor-3038 .elementor-element.elementor-element-00c713d { padding: 10px 20px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b23b622 *//* --- KHỐI TIÊU ĐỀ H2 (Đã tối ưu Hệ thống Responsive) --- */ .elementor-3038 .elementor-element.elementor-element-b23b622 { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* 1. Định dạng chữ: PC & Tablet (Mặc định 26px) */ .elementor-3038 .elementor-element.elementor-element-b23b622 .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; /* Đã tăng lên 26px để tạo độ bề thế trên màn hình lớn */ font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.5px !important; margin: 0; } /* 2. Tạo đường gạch chân mỏng làm "điểm tựa" */ .elementor-3038 .elementor-element.elementor-element-b23b622::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); border-radius: 2px; transition: width 0.4s ease; } /* 3. Hiệu ứng tương tác: Đường kẻ vươn dài */ .elementor-3038 .elementor-element.elementor-element-b23b622:hover::after { width: 120px; } /* --- 4. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-b23b622 .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để vừa vặn, không bị ngợp trên Mobile */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6f7765f *//* --- KHỐI TIÊU ĐỀ H2 BÀI VIẾT (Đã tối ưu Hệ thống Responsive) --- */ .elementor-3038 .elementor-element.elementor-element-6f7765f { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* 1. Định dạng chữ: PC & Tablet (Mặc định 26px) */ .elementor-3038 .elementor-element.elementor-element-6f7765f .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; /* Đã tăng lên 26px để tạo độ bề thế trên màn hình lớn */ font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.5px !important; margin: 0; } /* 2. Tạo đường gạch chân mỏng làm "điểm tựa" */ .elementor-3038 .elementor-element.elementor-element-6f7765f::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); border-radius: 2px; transition: width 0.4s ease; } /* 3. Hiệu ứng tương tác: Đường kẻ vươn dài */ .elementor-3038 .elementor-element.elementor-element-6f7765f:hover::after { width: 120px; } /* --- 4. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-6f7765f .elementor-heading-title { font-size: 18px !important; /* Bóp gọn về 18px để vừa vặn, không bị ngợp trên Mobile */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5cfe987 *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-5cfe987 { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-5cfe987::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-5cfe987:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-bfe1493 *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-bfe1493 { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-bfe1493::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-bfe1493:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-bfe1493 p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-bfe1493 p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-bfe1493 strong, .elementor-3038 .elementor-element.elementor-element-bfe1493 b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-bfe1493 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-bfe1493 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-bfe1493 p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-bfe1493 { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8883c6b *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-8883c6b { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-8883c6b::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-8883c6b:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ddc1c54 *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-ddc1c54 { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-ddc1c54::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-ddc1c54:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-ddc1c54 p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-ddc1c54 p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-ddc1c54 strong, .elementor-3038 .elementor-element.elementor-element-ddc1c54 b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-ddc1c54 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-ddc1c54 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-ddc1c54 p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-ddc1c54 { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5941718 *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-5941718 { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-5941718::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-5941718:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5fbda1b *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-5fbda1b { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-5fbda1b::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-5fbda1b:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-5fbda1b p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-5fbda1b p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-5fbda1b strong, .elementor-3038 .elementor-element.elementor-element-5fbda1b b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-5fbda1b a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-5fbda1b a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-5fbda1b p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-5fbda1b { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-32aa8ce *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-32aa8ce { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-32aa8ce::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-32aa8ce:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-f0fb984 *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-f0fb984 { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-f0fb984::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-f0fb984:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-f0fb984 p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-f0fb984 p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-f0fb984 strong, .elementor-3038 .elementor-element.elementor-element-f0fb984 b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-f0fb984 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-f0fb984 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-f0fb984 p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-f0fb984 { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-664921f *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-664921f { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-664921f::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-664921f:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-bbd2a4d *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-bbd2a4d { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-bbd2a4d::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-bbd2a4d:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-bbd2a4d p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-bbd2a4d p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-bbd2a4d strong, .elementor-3038 .elementor-element.elementor-element-bbd2a4d b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-bbd2a4d a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-bbd2a4d a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-bbd2a4d p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-bbd2a4d { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a6beff8 *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-a6beff8 { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-a6beff8::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-a6beff8:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-bf250de *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-bf250de { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-bf250de::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-bf250de:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-bf250de p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-bf250de p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-bf250de strong, .elementor-3038 .elementor-element.elementor-element-bf250de b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-bf250de a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-bf250de a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-bf250de p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-bf250de { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-82178bf *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-82178bf { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-82178bf::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-82178bf:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-e994788 *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-e994788 { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-e994788::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-e994788:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-e994788 p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-e994788 p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-e994788 strong, .elementor-3038 .elementor-element.elementor-element-e994788 b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-e994788 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-e994788 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-e994788 p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-e994788 { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-812f186 *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-812f186 { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-812f186::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-812f186:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ab6a0e1 *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-ab6a0e1 { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-ab6a0e1::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-ab6a0e1:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-ab6a0e1 p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-ab6a0e1 p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-ab6a0e1 strong, .elementor-3038 .elementor-element.elementor-element-ab6a0e1 b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-ab6a0e1 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-ab6a0e1 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-ab6a0e1 p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-ab6a0e1 { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a521598 *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-a521598 { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-a521598::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-a521598:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-8d7f1d4 *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-8d7f1d4 { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-8d7f1d4::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-8d7f1d4:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-8d7f1d4 p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-8d7f1d4 p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-8d7f1d4 strong, .elementor-3038 .elementor-element.elementor-element-8d7f1d4 b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-8d7f1d4 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-8d7f1d4 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-8d7f1d4 p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-8d7f1d4 { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4740ba9 *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-4740ba9 { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-4740ba9::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-4740ba9:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ee9010b *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-ee9010b { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-ee9010b::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-ee9010b:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-ee9010b p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-ee9010b p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-ee9010b strong, .elementor-3038 .elementor-element.elementor-element-ee9010b b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-ee9010b a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-ee9010b a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-ee9010b p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-ee9010b { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-02e75cb *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-02e75cb { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-02e75cb::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-02e75cb:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6eed78d *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-6eed78d { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-6eed78d::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-6eed78d:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-6eed78d p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-6eed78d p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-6eed78d strong, .elementor-3038 .elementor-element.elementor-element-6eed78d b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-6eed78d a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-6eed78d a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-6eed78d p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-6eed78d { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f85911b *//* --- TIÊU ĐỀ H3 - CÂU HỎI (Icon Dấu Hỏi Nổi Bật) --- */ .elementor-3038 .elementor-element.elementor-element-f85911b { color: #1a2b4c !important; /* Xanh Navy quyền lực, lịch sự */ font-size: 18px !important; font-weight: 800 !important; position: relative !important; padding-left: 36px !important; /* Tăng khoảng cách để nhường chỗ cho khối icon ? */ margin-bottom: 20px !important; cursor: help !important; /* Đổi con trỏ chuột thành hình dấu hỏi để kích thích sự tò mò */ } /* --- ICON DẤU CHẤM HỎI (Tinh tế & Rõ ràng) --- */ .elementor-3038 .elementor-element.elementor-element-f85911b::before { content: "?" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; background-color: #2563eb !important; /* Xanh Dương tin cậy */ color: #ffffff !important; /* Chữ màu trắng nổi bật trên nền xanh */ font-size: 14px !important; font-weight: 900 !important; border-radius: 50% !important; /* Bo tròn tạo thành huy hiệu */ display: flex !important; align-items: center !important; justify-content: center !important; /* Căn giữa tuyệt đối dấu ? vào giữa vòng tròn */ box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Chuyển động mượt mà hơn */ } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng rê chuột vào) --- */ .elementor-3038 .elementor-element.elementor-element-f85911b:hover::before { background-color: #f59e0b !important; /* Đổi sang Vàng Kim thu hút ánh nhìn */ box-shadow: 0 6px 12px rgba(245, 158, 11, 0.6) !important; transform: translateY(-50%) scale(1.15) rotate(15deg) !important; /* Phóng to nhẹ và nghiêng một chút tạo sự vui mắt */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bf4b47 *//* --- KHỐI VĂN BẢN TRẢ LỜI (Hộp thông tin Đích đáng & Liền mạch) --- */ .elementor-3038 .elementor-element.elementor-element-9bf4b47 { /* Đổi sang nền gradient mờ để tạo độ nổi 3D thay vì nền bệt */ background: linear-gradient(145deg, rgba(37, 99, 235, 0.03), rgba(37, 99, 235, 0.08)) !important; /* TUYỆT CHIÊU: Bo góc bất đối xứng tạo hình "Khung chat hồi đáp" */ border-radius: 0 12px 12px 12px !important; border: 1px solid rgba(37, 99, 235, 0.08) !important; /* Viền bao quanh siêu mờ */ padding: 24px 28px !important; /* Kéo khối trả lời nhích lên gần câu hỏi một chút để tạo sự gắn kết */ margin-top: -5px !important; margin-bottom: 24px !important; position: relative !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* Bóng tĩnh nâng khối */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* --- THANH ĐIỀU HƯỚNG BÊN TRÁI (Gradient công nghệ) --- */ .elementor-3038 .elementor-element.elementor-element-9bf4b47::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important; /* Dải màu uyển chuyển thay vì 1 cục màu cứng nhắc */ background: linear-gradient(180deg, #2563eb 0%, #1a2b4c 100%) !important; } /* --- MICRO-INTERACTION (Hiệu ứng khi khách hàng đọc) --- */ .elementor-3038 .elementor-element.elementor-element-9bf4b47:hover { background: linear-gradient(145deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.12)) !important; box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1) !important; transform: translateX(6px) !important; /* Dịch nhẹ khối văn bản sang phải cực mượt */ } /* --- TỐI ƯU TYPOGRAPHY CHỐNG MỎI MẮT --- */ .elementor-3038 .elementor-element.elementor-element-9bf4b47 p { color: #1e293b !important; /* Dùng màu xám than đậm hơn một chút để tăng sự uy tín */ font-size: 16px !important; /* Nâng lên 16px cho PC để toát lên vẻ bề thế */ line-height: 1.8 !important; margin-bottom: 16px !important; text-align: justify !important; } .elementor-3038 .elementor-element.elementor-element-9bf4b47 p:last-child { margin-bottom: 0 !important; } /* --- TỪ KHÓA BÔI ĐẬM & LINK --- */ .elementor-3038 .elementor-element.elementor-element-9bf4b47 strong, .elementor-3038 .elementor-element.elementor-element-9bf4b47 b { color: #1a2b4c !important; font-weight: 700 !important; } .elementor-3038 .elementor-element.elementor-element-9bf4b47 a { color: #2563eb !important; text-decoration: none !important; border-bottom: 1px dashed rgba(37, 99, 235, 0.4) !important; transition: all 0.3s ease !important; } .elementor-3038 .elementor-element.elementor-element-9bf4b47 a:hover { color: #1a2b4c !important; border-bottom-color: #1a2b4c !important; } /* --- TỐI ƯU MOBILE (Ép chuẩn hiển thị trên điện thoại) --- */ @media (max-width: 767px) { .elementor-3038 .elementor-element.elementor-element-9bf4b47 p { font-size: 14px !important; /* Trả về 14px gọn gàng cho màn hình nhỏ */ } .elementor-3038 .elementor-element.elementor-element-9bf4b47 { padding: 20px 24px !important; /* Bóp nhẹ khoảng thở cho cân đối */ } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5cc3549 *//* Tiêu đề H2 Bài viết - Thanh lịch, tinh tế, chuẩn cấu trúc đọc */ .elementor-3038 .elementor-element.elementor-element-5cc3549 { position: relative; padding-bottom: 12px; margin-bottom: 20px; } /* Định dạng chữ: Dùng màu Xanh Navy chuẩn nhận diện, không nền */ .elementor-3038 .elementor-element.elementor-element-5cc3549 .elementor-heading-title { color: #1a2b4c !important; font-size: 26px !important; font-weight: 700 !important; text-transform: none !important; /* Giữ nguyên cách viết hoa/thường của người nhập */ letter-spacing: 0.5px !important; margin: 0; } /* Tạo một đường gạch chân mỏng, đổ gradient tinh tế làm "điểm tựa" cho chữ */ .elementor-3038 .elementor-element.elementor-element-5cc3549::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; /* Độ dài vừa phải, không kẻ rập khuôn hết dòng */ height: 4px; background: linear-gradient(90deg, #1a2b4c, #2563eb); /* Giữ liên kết màu sắc với các nút CTA */ border-radius: 2px; transition: width 0.4s ease; } /* Hiệu ứng tương tác mượt mà: Đường kẻ vươn dài ra khi khách hàng lướt chuột ngang qua */ .elementor-3038 .elementor-element.elementor-element-5cc3549:hover::after { width: 120px; }/* End custom CSS */