.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1117 .elementor-element.elementor-element-d675e2e{--display:flex;--min-height:450px;--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overlay-opacity:0.9;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1117 .elementor-element.elementor-element-d675e2e:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-d675e2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ipas.edu.vn/wp-content/uploads/2026/05/thu-vien-video-bai-giang-ielts-pro-doc-quyen-ipas.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1117 .elementor-element.elementor-element-d675e2e::before, .elementor-1117 .elementor-element.elementor-element-d675e2e > .elementor-background-video-container::before, .elementor-1117 .elementor-element.elementor-element-d675e2e > .e-con-inner > .elementor-background-video-container::before, .elementor-1117 .elementor-element.elementor-element-d675e2e > .elementor-background-slideshow::before, .elementor-1117 .elementor-element.elementor-element-d675e2e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1117 .elementor-element.elementor-element-d675e2e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#006729;--background-overlay:'';}.elementor-1117 .elementor-element.elementor-element-d675e2e::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-button .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-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button{background-color:#2F7C43;font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-color:#539862;border-radius:50px 50px 50px 50px;}.elementor-1117 .elementor-element.elementor-element-29c99ce.elementor-element{--align-self:flex-start;}.elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-1117 .elementor-element.elementor-element-b1b9c3a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-1117 .elementor-element.elementor-element-3eeff29 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-ebe47c0{padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-1c6a706{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-color:#539862;--border-color:#539862;--border-radius:20px 20px 20px 20px;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-1117 .elementor-element.elementor-element-1c6a706:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-1c6a706 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#106434;}.elementor-widget-icon-box .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-box .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-1117 .elementor-element.elementor-element-5b299e4{width:var( --container-widget-width, 33.33% );max-width:33.33%;padding:10px 15px 10px 15px;--container-widget-width:33.33%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 1px 0px 0px;border-color:#539862;}.elementor-1117 .elementor-element.elementor-element-5b299e4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1117 .elementor-element.elementor-element-5b299e4 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-5b299e4.elementor-view-stacked .elementor-icon{background-color:#F27126;}.elementor-1117 .elementor-element.elementor-element-5b299e4.elementor-view-framed .elementor-icon, .elementor-1117 .elementor-element.elementor-element-5b299e4.elementor-view-default .elementor-icon{fill:#F27126;color:#F27126;border-color:#F27126;}.elementor-1117 .elementor-element.elementor-element-5b299e4 .elementor-icon{font-size:20px;}.elementor-1117 .elementor-element.elementor-element-5b299e4 .elementor-icon-box-title, .elementor-1117 .elementor-element.elementor-element-5b299e4 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-1117 .elementor-element.elementor-element-5b299e4:has(:hover) .elementor-icon-box-title, .elementor-1117 .elementor-element.elementor-element-5b299e4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-5b299e4 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;color:#8EB99A;}.elementor-1117 .elementor-element.elementor-element-4791a0e{width:var( --container-widget-width, 33.33% );max-width:33.33%;padding:10px 15px 10px 15px;--container-widget-width:33.33%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 1px 0px 0px;border-color:#539862;}.elementor-1117 .elementor-element.elementor-element-4791a0e .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1117 .elementor-element.elementor-element-4791a0e .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-4791a0e.elementor-view-stacked .elementor-icon{background-color:#F27126;}.elementor-1117 .elementor-element.elementor-element-4791a0e.elementor-view-framed .elementor-icon, .elementor-1117 .elementor-element.elementor-element-4791a0e.elementor-view-default .elementor-icon{fill:#F27126;color:#F27126;border-color:#F27126;}.elementor-1117 .elementor-element.elementor-element-4791a0e .elementor-icon{font-size:20px;}.elementor-1117 .elementor-element.elementor-element-4791a0e .elementor-icon-box-title, .elementor-1117 .elementor-element.elementor-element-4791a0e .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-1117 .elementor-element.elementor-element-4791a0e:has(:hover) .elementor-icon-box-title, .elementor-1117 .elementor-element.elementor-element-4791a0e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-4791a0e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;color:#8EB99A;}.elementor-1117 .elementor-element.elementor-element-8e7358d{width:var( --container-widget-width, 33.33% );max-width:33.33%;padding:10px 15px 10px 15px;--container-widget-width:33.33%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 0px 0px;border-color:#539862;}.elementor-1117 .elementor-element.elementor-element-8e7358d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1117 .elementor-element.elementor-element-8e7358d .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-8e7358d.elementor-view-stacked .elementor-icon{background-color:#F27126;}.elementor-1117 .elementor-element.elementor-element-8e7358d.elementor-view-framed .elementor-icon, .elementor-1117 .elementor-element.elementor-element-8e7358d.elementor-view-default .elementor-icon{fill:#F27126;color:#F27126;border-color:#F27126;}.elementor-1117 .elementor-element.elementor-element-8e7358d .elementor-icon{font-size:20px;}.elementor-1117 .elementor-element.elementor-element-8e7358d .elementor-icon-box-title, .elementor-1117 .elementor-element.elementor-element-8e7358d .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-1117 .elementor-element.elementor-element-8e7358d:has(:hover) .elementor-icon-box-title, .elementor-1117 .elementor-element.elementor-element-8e7358d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-8e7358d .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;color:#8EB99A;}.elementor-1117 .elementor-element.elementor-element-a7ab70d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1117 .elementor-element.elementor-element-a7ab70d:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-a7ab70d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFE;}.elementor-1117 .elementor-element.elementor-element-115c368{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nested-tabs .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1117 .elementor-element.elementor-element-a1a83f0{--display:flex;}.elementor-widget-nested-accordion .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nested-accordion .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1117 .elementor-element.elementor-element-75a2998{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-53956a9{--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-widget-video .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-video .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1117 .elementor-element.elementor-element-a17caa7{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-a17caa7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-c83b2a3{--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-1117 .elementor-element.elementor-element-6a8a42f .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-widget-icon-list .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-99e6f8e{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-244aee8 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-244aee8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-244aee8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-244aee8 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-244aee8 .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-244aee8 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-244aee8 .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-244aee8 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-da6555d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-bb787e2{--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-1117 .elementor-element.elementor-element-806698b{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-806698b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-ec8be79{--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-1117 .elementor-element.elementor-element-8c19154 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-c01c04f{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-17eb46b .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-17eb46b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-17eb46b .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-17eb46b .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-17eb46b .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-17eb46b .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-17eb46b .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-17eb46b .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-b4e5b4c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-e1d4d98{--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-1117 .elementor-element.elementor-element-8973683{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-8973683 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-6857f05{--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-1117 .elementor-element.elementor-element-b3a696b .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-15fce71{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-c318860 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-c318860{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-c318860 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-c318860 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-c318860 .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-c318860 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-c318860 .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-c318860 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-751a4f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-1d727b8{--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-1117 .elementor-element.elementor-element-cf9aae8{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-cf9aae8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-6c7484e{--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-1117 .elementor-element.elementor-element-608889e .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-7fc4a61{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-286e1ac .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-286e1ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-286e1ac .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-286e1ac .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-286e1ac .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-286e1ac .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-286e1ac .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-286e1ac .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-f26217c{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B5563;--n-accordion-title-active-color:#317A43;--n-accordion-icon-size:15px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:#9CA3AF;--n-accordion-icon-active-color:#317A43;}:where( .elementor-1117 .elementor-element.elementor-element-f26217c > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F9FAFB;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1117 .elementor-element.elementor-element-f26217c.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-f26217c .eael-protected-content-message{font-family:"Inter", Sans-serif;font-weight:400;text-align:center;}.elementor-1117 .elementor-element.elementor-element-f26217c .protected-content-error-msg{font-family:"Inter", Sans-serif;font-weight:400;text-align:left;}.elementor-1117 .elementor-element.elementor-element-f26217c .eael-password-protected-content-fields input.eael-password{width:300px;margin:0px 12px 0px 0px;color:#111827;background-color:#F9FAFB;}.elementor-1117 .elementor-element.elementor-element-f26217c .eael-password-protected-content-fields > form{justify-content:center;display:flex;}.elementor-1117 .elementor-element.elementor-element-f26217c .eael-password-protected-content-fields .eael-password{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-1117 .elementor-element.elementor-element-f26217c .eael-password-protected-content-fields input.eael-password:hover{color:#111827;background-color:#ffffff;}.elementor-1117 .elementor-element.elementor-element-f26217c .eael-password-protected-content-fields .eael-password:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#008036;}.elementor-1117 .elementor-element.elementor-element-f26217c .eael-password-protected-content-fields .eael-submit{color:#ffffff;background:#EA580C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA580C;}.elementor-1117 .elementor-element.elementor-element-f26217c .eael-password-protected-content-fields .eael-submit:hover{color:#ffffff;background:#C2410C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2410C;}.elementor-1117 .elementor-element.elementor-element-f26217c > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1117 .elementor-element.elementor-element-f26217c > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-1117 .elementor-element.elementor-element-1dc4ceb{--display:flex;}.elementor-1117 .elementor-element.elementor-element-0e731b5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-20b3344{--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-1117 .elementor-element.elementor-element-67d8d37{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-67d8d37 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-9237ad6{--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-1117 .elementor-element.elementor-element-66b7a0a .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-8f44713{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-f0ec4be .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-f0ec4be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-f0ec4be .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-f0ec4be .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-f0ec4be .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-f0ec4be .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-f0ec4be .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-f0ec4be .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-ec3d5b9{--display:flex;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-826ff0a{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B5563;--n-accordion-title-active-color:#317A43;--n-accordion-icon-size:15px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:#9CA3AF;--n-accordion-icon-active-color:#317A43;}:where( .elementor-1117 .elementor-element.elementor-element-826ff0a > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F9FAFB;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1117 .elementor-element.elementor-element-826ff0a.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-826ff0a .eael-protected-content-message{font-family:"Inter", Sans-serif;font-weight:400;text-align:center;}.elementor-1117 .elementor-element.elementor-element-826ff0a .protected-content-error-msg{font-family:"Inter", Sans-serif;font-weight:400;text-align:left;}.elementor-1117 .elementor-element.elementor-element-826ff0a .eael-password-protected-content-fields input.eael-password{width:300px;margin:0px 12px 0px 0px;color:#111827;background-color:#F9FAFB;}.elementor-1117 .elementor-element.elementor-element-826ff0a .eael-password-protected-content-fields > form{justify-content:center;display:flex;}.elementor-1117 .elementor-element.elementor-element-826ff0a .eael-password-protected-content-fields .eael-password{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-1117 .elementor-element.elementor-element-826ff0a .eael-password-protected-content-fields input.eael-password:hover{color:#111827;background-color:#ffffff;}.elementor-1117 .elementor-element.elementor-element-826ff0a .eael-password-protected-content-fields .eael-password:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#008036;}.elementor-1117 .elementor-element.elementor-element-826ff0a .eael-password-protected-content-fields .eael-submit{color:#ffffff;background:#EA580C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA580C;}.elementor-1117 .elementor-element.elementor-element-826ff0a .eael-password-protected-content-fields .eael-submit:hover{color:#ffffff;background:#C2410C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2410C;}.elementor-1117 .elementor-element.elementor-element-826ff0a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1117 .elementor-element.elementor-element-826ff0a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-1117 .elementor-element.elementor-element-006d3a7{--display:flex;}.elementor-1117 .elementor-element.elementor-element-271f976{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-1097acf{--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-1117 .elementor-element.elementor-element-18a5fb9{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-18a5fb9 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-9a5ab3d{--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-1117 .elementor-element.elementor-element-391ef95 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-28f21cb{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-5eb248d .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-5eb248d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-5eb248d .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-5eb248d .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-5eb248d .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-5eb248d .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-5eb248d .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-5eb248d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-d80eff8{--display:flex;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-e6ed805{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B5563;--n-accordion-title-active-color:#317A43;--n-accordion-icon-size:15px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:#9CA3AF;--n-accordion-icon-active-color:#317A43;}:where( .elementor-1117 .elementor-element.elementor-element-e6ed805 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F9FAFB;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1117 .elementor-element.elementor-element-e6ed805.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .eael-protected-content-message{font-family:"Inter", Sans-serif;font-weight:400;text-align:center;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .protected-content-error-msg{font-family:"Inter", Sans-serif;font-weight:400;text-align:left;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .eael-password-protected-content-fields input.eael-password{width:300px;margin:0px 12px 0px 0px;color:#111827;background-color:#F9FAFB;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .eael-password-protected-content-fields > form{justify-content:center;display:flex;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .eael-password-protected-content-fields .eael-password{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .eael-password-protected-content-fields input.eael-password:hover{color:#111827;background-color:#ffffff;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .eael-password-protected-content-fields .eael-password:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#008036;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .eael-password-protected-content-fields .eael-submit{color:#ffffff;background:#EA580C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA580C;}.elementor-1117 .elementor-element.elementor-element-e6ed805 .eael-password-protected-content-fields .eael-submit:hover{color:#ffffff;background:#C2410C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2410C;}.elementor-1117 .elementor-element.elementor-element-e6ed805 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1117 .elementor-element.elementor-element-e6ed805 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-1117 .elementor-element.elementor-element-0ae7441{--display:flex;}.elementor-1117 .elementor-element.elementor-element-ef7df37{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-bcdc9ce{--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-1117 .elementor-element.elementor-element-96c05a0{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-96c05a0 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-44379ac{--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-1117 .elementor-element.elementor-element-afbd9a9 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-09f6fe1{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-a4d3ac8 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-a4d3ac8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-a4d3ac8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-a4d3ac8 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-a4d3ac8 .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-a4d3ac8 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-a4d3ac8 .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-a4d3ac8 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-ef0c39c{--display:flex;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-0ec1d08{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B5563;--n-accordion-title-active-color:#317A43;--n-accordion-icon-size:15px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:#9CA3AF;--n-accordion-icon-active-color:#317A43;}:where( .elementor-1117 .elementor-element.elementor-element-0ec1d08 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F9FAFB;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1117 .elementor-element.elementor-element-0ec1d08.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .eael-protected-content-message{font-family:"Inter", Sans-serif;font-weight:400;text-align:center;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .protected-content-error-msg{font-family:"Inter", Sans-serif;font-weight:400;text-align:left;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .eael-password-protected-content-fields input.eael-password{width:300px;margin:0px 12px 0px 0px;color:#111827;background-color:#F9FAFB;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .eael-password-protected-content-fields > form{justify-content:center;display:flex;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .eael-password-protected-content-fields .eael-password{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .eael-password-protected-content-fields input.eael-password:hover{color:#111827;background-color:#ffffff;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .eael-password-protected-content-fields .eael-password:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#008036;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .eael-password-protected-content-fields .eael-submit{color:#ffffff;background:#EA580C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA580C;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 .eael-password-protected-content-fields .eael-submit:hover{color:#ffffff;background:#C2410C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2410C;}.elementor-1117 .elementor-element.elementor-element-0ec1d08 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1117 .elementor-element.elementor-element-0ec1d08 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-1117 .elementor-element.elementor-element-482ef09{--display:flex;}.elementor-1117 .elementor-element.elementor-element-d445165{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-6a2f303{--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-1117 .elementor-element.elementor-element-c2c908f{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-c2c908f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-31a3bfb{--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-1117 .elementor-element.elementor-element-e881fe4 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-d62f52b{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-053e543 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-053e543{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-053e543 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-053e543 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-053e543 .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-053e543 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-053e543 .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-053e543 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-dd6391d{--display:flex;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-e45dc50{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B5563;--n-accordion-title-active-color:#317A43;--n-accordion-icon-size:15px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:#9CA3AF;--n-accordion-icon-active-color:#317A43;}:where( .elementor-1117 .elementor-element.elementor-element-e45dc50 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F9FAFB;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1117 .elementor-element.elementor-element-e45dc50.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .eael-protected-content-message{font-family:"Inter", Sans-serif;font-weight:400;text-align:center;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .protected-content-error-msg{font-family:"Inter", Sans-serif;font-weight:400;text-align:left;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .eael-password-protected-content-fields input.eael-password{width:300px;margin:0px 12px 0px 0px;color:#111827;background-color:#F9FAFB;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .eael-password-protected-content-fields > form{justify-content:center;display:flex;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .eael-password-protected-content-fields .eael-password{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .eael-password-protected-content-fields input.eael-password:hover{color:#111827;background-color:#ffffff;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .eael-password-protected-content-fields .eael-password:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#008036;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .eael-password-protected-content-fields .eael-submit{color:#ffffff;background:#EA580C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA580C;}.elementor-1117 .elementor-element.elementor-element-e45dc50 .eael-password-protected-content-fields .eael-submit:hover{color:#ffffff;background:#C2410C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2410C;}.elementor-1117 .elementor-element.elementor-element-e45dc50 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1117 .elementor-element.elementor-element-e45dc50 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-1117 .elementor-element.elementor-element-3326742{--display:flex;}.elementor-1117 .elementor-element.elementor-element-e2330d9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-1d1d6f9{--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-1117 .elementor-element.elementor-element-a97d4a3{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-a97d4a3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-ddad02a{--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-1117 .elementor-element.elementor-element-578dd3e .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-c690552{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-7aa1276 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-7aa1276{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-7aa1276 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-7aa1276 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-7aa1276 .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-7aa1276 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-7aa1276 .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-7aa1276 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-26d3659{--display:flex;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-f7d7c01{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B5563;--n-accordion-title-active-color:#317A43;--n-accordion-icon-size:15px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:#9CA3AF;--n-accordion-icon-active-color:#317A43;}:where( .elementor-1117 .elementor-element.elementor-element-f7d7c01 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F9FAFB;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1117 .elementor-element.elementor-element-f7d7c01.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .eael-protected-content-message{font-family:"Inter", Sans-serif;font-weight:400;text-align:center;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .protected-content-error-msg{font-family:"Inter", Sans-serif;font-weight:400;text-align:left;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .eael-password-protected-content-fields input.eael-password{width:300px;margin:0px 12px 0px 0px;color:#111827;background-color:#F9FAFB;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .eael-password-protected-content-fields > form{justify-content:center;display:flex;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .eael-password-protected-content-fields .eael-password{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .eael-password-protected-content-fields input.eael-password:hover{color:#111827;background-color:#ffffff;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .eael-password-protected-content-fields .eael-password:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#008036;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .eael-password-protected-content-fields .eael-submit{color:#ffffff;background:#EA580C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA580C;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 .eael-password-protected-content-fields .eael-submit:hover{color:#ffffff;background:#C2410C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2410C;}.elementor-1117 .elementor-element.elementor-element-f7d7c01 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1117 .elementor-element.elementor-element-f7d7c01 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-1117 .elementor-element.elementor-element-ffbc971{--display:flex;}.elementor-1117 .elementor-element.elementor-element-dc3e68d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-a1cadb2{--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-1117 .elementor-element.elementor-element-1392599{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-1392599 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-1c67b7e{--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-1117 .elementor-element.elementor-element-d9a1bf2 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-b86ed48{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-3d7c284 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-3d7c284{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-3d7c284 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-3d7c284 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-3d7c284 .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-3d7c284 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-3d7c284 .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-3d7c284 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-cf58609{--display:flex;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-56d45f5{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B5563;--n-accordion-title-active-color:#317A43;--n-accordion-icon-size:15px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:#9CA3AF;--n-accordion-icon-active-color:#317A43;}:where( .elementor-1117 .elementor-element.elementor-element-56d45f5 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F9FAFB;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1117 .elementor-element.elementor-element-56d45f5.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .eael-protected-content-message{font-family:"Inter", Sans-serif;font-weight:400;text-align:center;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .protected-content-error-msg{font-family:"Inter", Sans-serif;font-weight:400;text-align:left;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .eael-password-protected-content-fields input.eael-password{width:300px;margin:0px 12px 0px 0px;color:#111827;background-color:#F9FAFB;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .eael-password-protected-content-fields > form{justify-content:center;display:flex;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .eael-password-protected-content-fields .eael-password{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .eael-password-protected-content-fields input.eael-password:hover{color:#111827;background-color:#ffffff;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .eael-password-protected-content-fields .eael-password:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#008036;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .eael-password-protected-content-fields .eael-submit{color:#ffffff;background:#EA580C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA580C;}.elementor-1117 .elementor-element.elementor-element-56d45f5 .eael-password-protected-content-fields .eael-submit:hover{color:#ffffff;background:#C2410C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2410C;}.elementor-1117 .elementor-element.elementor-element-56d45f5 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1117 .elementor-element.elementor-element-56d45f5 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-1117 .elementor-element.elementor-element-0b6a400{--display:flex;}.elementor-1117 .elementor-element.elementor-element-9f908ec{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-9b5fd1d{--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-1117 .elementor-element.elementor-element-60aecf3{border-radius:12px 12px 12px 12px;}.elementor-1117 .elementor-element.elementor-element-60aecf3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1117 .elementor-element.elementor-element-d650fe4{--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-1117 .elementor-element.elementor-element-d711848 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:600;color:#3C3F4E;}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1117 .elementor-element.elementor-element-e6c1554{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1117 .elementor-element.elementor-element-d1bcd00 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;fill:#3B404B;color:#3B404B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:10px 10px 10px 10px;}.elementor-1117 .elementor-element.elementor-element-d1bcd00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1117 .elementor-element.elementor-element-d1bcd00 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1117 .elementor-element.elementor-element-d1bcd00 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1117 .elementor-element.elementor-element-d1bcd00 .elementor-button:hover, .elementor-1117 .elementor-element.elementor-element-d1bcd00 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-d1bcd00 .elementor-button:hover svg, .elementor-1117 .elementor-element.elementor-element-d1bcd00 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-247ae4e{--display:flex;border-style:none;--border-style:none;}.elementor-1117 .elementor-element.elementor-element-c51a7d7{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B5563;--n-accordion-title-active-color:#317A43;--n-accordion-icon-size:15px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:#9CA3AF;--n-accordion-icon-active-color:#317A43;}:where( .elementor-1117 .elementor-element.elementor-element-c51a7d7 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F9FAFB;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1117 .elementor-element.elementor-element-c51a7d7.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .eael-protected-content-message{font-family:"Inter", Sans-serif;font-weight:400;text-align:center;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .protected-content-error-msg{font-family:"Inter", Sans-serif;font-weight:400;text-align:left;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .eael-password-protected-content-fields input.eael-password{width:300px;margin:0px 12px 0px 0px;color:#111827;background-color:#F9FAFB;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .eael-password-protected-content-fields > form{justify-content:center;display:flex;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .eael-password-protected-content-fields .eael-password{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .eael-password-protected-content-fields input.eael-password:hover{color:#111827;background-color:#ffffff;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .eael-password-protected-content-fields .eael-password:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#008036;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .eael-password-protected-content-fields .eael-submit{color:#ffffff;background:#EA580C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA580C;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 .eael-password-protected-content-fields .eael-submit:hover{color:#ffffff;background:#C2410C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2410C;}.elementor-1117 .elementor-element.elementor-element-c51a7d7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1117 .elementor-element.elementor-element-c51a7d7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-1117 .elementor-element.elementor-element-9ddb5c8{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:17px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:17px;--n-tabs-title-font-size:14px;--n-tabs-title-color:#586469;--n-tabs-title-color-active:#FFFFFF;--n-tabs-icon-size:14px;--n-tabs-icon-color:#586469;--n-tabs-icon-color-active:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-9ddb5c8 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#F9FAFE;}.elementor-1117 .elementor-element.elementor-element-9ddb5c8.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F3F4F6;}.elementor-1117 .elementor-element.elementor-element-9ddb5c8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1117 .elementor-element.elementor-element-9ddb5c8.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#017133;}.elementor-1117 .elementor-element.elementor-element-9ddb5c8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Be Vietnam Pro", Sans-serif;font-weight:500;}.elementor-1117 .elementor-element.elementor-element-9ddb5c8 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#1D1D1D;--n-tabs-icon-color-hover:#1D1D1D;}.elementor-1117 .elementor-element.elementor-element-3896ca2{--display:flex;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1117 .elementor-element.elementor-element-c7f4bf8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EAEBED;--border-color:#EAEBED;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1117 .elementor-element.elementor-element-c7f4bf8:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-c7f4bf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFDFF;}.elementor-1117 .elementor-element.elementor-element-c5f2c20{--display:flex;}@media(max-width:1024px){.elementor-1117 .elementor-element.elementor-element-9ddb5c8{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}}@media(min-width:768px){.elementor-1117 .elementor-element.elementor-element-d675e2e{--content-width:80%;}.elementor-1117 .elementor-element.elementor-element-1c6a706{--width:70%;}.elementor-1117 .elementor-element.elementor-element-a7ab70d{--content-width:80%;}.elementor-1117 .elementor-element.elementor-element-53956a9{--width:55%;}.elementor-1117 .elementor-element.elementor-element-c83b2a3{--width:45%;}.elementor-1117 .elementor-element.elementor-element-bb787e2{--width:55%;}.elementor-1117 .elementor-element.elementor-element-ec8be79{--width:45%;}.elementor-1117 .elementor-element.elementor-element-e1d4d98{--width:55%;}.elementor-1117 .elementor-element.elementor-element-6857f05{--width:45%;}.elementor-1117 .elementor-element.elementor-element-1d727b8{--width:55%;}.elementor-1117 .elementor-element.elementor-element-6c7484e{--width:45%;}.elementor-1117 .elementor-element.elementor-element-20b3344{--width:55%;}.elementor-1117 .elementor-element.elementor-element-9237ad6{--width:45%;}.elementor-1117 .elementor-element.elementor-element-1097acf{--width:55%;}.elementor-1117 .elementor-element.elementor-element-9a5ab3d{--width:45%;}.elementor-1117 .elementor-element.elementor-element-bcdc9ce{--width:55%;}.elementor-1117 .elementor-element.elementor-element-44379ac{--width:45%;}.elementor-1117 .elementor-element.elementor-element-6a2f303{--width:55%;}.elementor-1117 .elementor-element.elementor-element-31a3bfb{--width:45%;}.elementor-1117 .elementor-element.elementor-element-1d1d6f9{--width:55%;}.elementor-1117 .elementor-element.elementor-element-ddad02a{--width:45%;}.elementor-1117 .elementor-element.elementor-element-a1cadb2{--width:55%;}.elementor-1117 .elementor-element.elementor-element-1c67b7e{--width:45%;}.elementor-1117 .elementor-element.elementor-element-9b5fd1d{--width:55%;}.elementor-1117 .elementor-element.elementor-element-d650fe4{--width:45%;}.elementor-1117 .elementor-element.elementor-element-3896ca2{--content-width:80%;}.elementor-1117 .elementor-element.elementor-element-c7f4bf8{--content-width:80%;}}@media(max-width:767px){.elementor-1117 .elementor-element.elementor-element-d675e2e{--content-width:90%;}.elementor-1117 .elementor-element.elementor-element-1c6a706{--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-1117 .elementor-element.elementor-element-5b299e4{width:100%;max-width:100%;border-width:0px 0px 1px 0px;}.elementor-1117 .elementor-element.elementor-element-4791a0e{width:100%;max-width:100%;border-width:0px 0px 1px 0px;}.elementor-1117 .elementor-element.elementor-element-8e7358d{width:100%;max-width:100%;padding:10px 15px 0px 15px;border-width:0px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-a7ab70d{--content-width:95%;}.elementor-1117 .elementor-element.elementor-element-f26217c{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1117 .elementor-element.elementor-element-826ff0a{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1117 .elementor-element.elementor-element-e6ed805{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1117 .elementor-element.elementor-element-0ec1d08{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1117 .elementor-element.elementor-element-e45dc50{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1117 .elementor-element.elementor-element-f7d7c01{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1117 .elementor-element.elementor-element-56d45f5{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1117 .elementor-element.elementor-element-c51a7d7{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1117 .elementor-element.elementor-element-9ddb5c8{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-1117 .elementor-element.elementor-element-3896ca2{--content-width:90%;}}/* Start custom CSS for button, class: .elementor-element-29c99ce *//* ==================================================== CSS NÚT BADGE - CHỐNG LỆCH ICON & CHỮ ==================================================== */ /* 1. VỎ NÚT */ .elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button { background-color: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 50px !important; padding: 8px 18px !important; } /* 2. KHÓA CẤU TRÚC ÉP VÀO TÂM GIỮA */ .elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } /* 3. ĐỊNH DẠNG ICON VÀ CĂN CHỈNH CAO THẤP */ .elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button-icon { display: flex !important; align-items: center !important; margin-right: 8px !important; /* BÍ QUYẾT Ở ĐÂY: Dùng số dương (1px, 2px) để đẩy icon XUỐNG. Dùng số âm (-1px, -2px) để kéo icon LÊN */ transform: translateY(1px) !important; } .elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button-icon svg, .elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button-icon i { width: 18px !important; /* Để 18px là cân đối nhất, không bị thô */ height: auto !important; fill: #ffffff !important; } /* 4. ĐỊNH DẠNG CHỮ */ .elementor-1117 .elementor-element.elementor-element-29c99ce .elementor-button-text { color: #ffffff !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; line-height: normal !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b1b9c3a *//* CSS LỜI CHÀO - SANG TRỌNG & THANH THOÁT */ .elementor-1117 .elementor-element.elementor-element-b1b9c3a .elementor-text-editor { color: rgba(255, 255, 255, 0.9) !important; /* Màu trắng hơi trong suốt để dịu mắt */ font-size: 15px !important; font-weight: 400 !important; line-height: 1.2 !important; margin-bottom: 10px !important; /* Khoảng cách với tiêu đề Thư Viện bên dưới */ letter-spacing: 0.2px !important; } /* LÀM ĐẬM TÊN HỌC VIÊN (Nếu anh bôi đậm hoặc dùng thẻ động) */ .elementor-1117 .elementor-element.elementor-element-b1b9c3a b, .elementor-1117 .elementor-element.elementor-element-b1b9c3a strong { color: #ffffff !important; font-weight: 700 !important; text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important; /* Đổ bóng cực nhẹ để tên nổi bật */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3eeff29 *//* CSS TIÊU ĐỀ CHÍNH - TO, ĐẬM, SẮC NÉT */ .elementor-1117 .elementor-element.elementor-element-3eeff29 .elementor-heading-title { color: #ffffff !important; font-size: 60px !important; /* Kích thước to chuẩn màn hình */ font-weight: 800 !important; /* Siêu đậm cho Thư Viện và Pro */ letter-spacing: 0px !important; /* Ép chữ dính lại một chút cho hiện đại */ line-height: 1.2 !important; margin-bottom: 10px !important; } /* Xử lý riêng chữ IELTS (Siêu mỏng và nghiêng) */ .elementor-1117 .elementor-element.elementor-element-3eeff29 .ielts-thin { font-weight: 300 !important; font-style: italic !important; opacity: 0.9 !important; padding-right: 5px !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ebe47c0 *//* CSS ĐOẠN MÔ TẢ - RÕ RÀNG & SẠCH SẼ */ .elementor-1117 .elementor-element.elementor-element-ebe47c0 .elementor-text-editor { color: rgba(255, 255, 255, 0.85) !important; /* Trắng mờ 85% cho nền nã */ font-size: 16px !important; font-weight: 400 !important; /* Nét thanh vừa vặn */ letter-spacing: 0.3px !important; margin-bottom: 30px !important; /* Đẩy khối kính bên dưới xuống một khoảng thở */ } /* Ép chữ ĐỘC QUYỀN (trong thẻ b) sáng và đậm hẳn lên */ .elementor-1117 .elementor-element.elementor-element-ebe47c0 .elementor-text-editor b, .elementor-1117 .elementor-element.elementor-element-ebe47c0 .elementor-text-editor strong { color: #ffffff !important; font-weight: 700 !important; text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important; /* Đổ bóng nhẹ tôn chữ lên */ }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-99e6f8e *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-99e6f8e .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c01c04f *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c01c04f .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15fce71 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-15fce71 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7fc4a61 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-7fc4a61 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f26217c *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f26217c .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f26217c .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8f44713 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-8f44713 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-826ff0a *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-826ff0a .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-826ff0a .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-28f21cb *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-28f21cb .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e6ed805 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e6ed805 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e6ed805 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-09f6fe1 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-09f6fe1 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0ec1d08 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-0ec1d08 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-0ec1d08 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d62f52b *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-d62f52b .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e45dc50 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-e45dc50 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-e45dc50 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c690552 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-c690552 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f7d7c01 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-f7d7c01 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-f7d7c01 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b86ed48 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-b86ed48 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-56d45f5 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-56d45f5 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-56d45f5 .element/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e6c1554 *//* ==================================================== 2. CSS RIÊNG CHO ICON LIST - FIX LỖI LỆCH TÂM ==================================================== */ /* Ép Icon và Chữ luôn thẳng hàng ngang tuyệt đối */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-item { padding-bottom: 10px !important; display: flex !important; align-items: center !important; } /* Định dạng vòng tròn nền xanh mint */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon { background-color: #EEF5F0 !important; color: #106434 !important; min-width: 26px !important; /* Dùng min-width để vòng tròn không bị móp */ width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; padding: 0 !important; } /* Khử khoảng trống thừa của Elementor để Icon nằm đúng tâm */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon i, .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-icon svg { font-size: 12px !important; width: 10px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Định dạng chữ của danh sách */ .elementor-1117 .elementor-element.elementor-element-e6c1554 .elementor-icon-list-text { color: #4B5563 !important; font-size: 14px !important; line-height: 1.4 !important; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c51a7d7 *//* ==================================================== 1. CSS RIÊNG CHO ACCORDION (CHUẨN LOVABLE) ==================================================== */ /* Khung tổng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion { counter-reset: ipas-module; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important; background: #ffffff !important; overflow: hidden !important; } /* Kẻ ngang */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item { border: none !important; border-bottom: 1px solid #F3F4F6 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-item:last-child { border-bottom: none !important; } /* Tiêu đề đóng */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { counter-increment: ipas-module; padding: 24px 80px 24px 80px !important; background-color: #ffffff !important; color: #374151 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; position: relative !important; transition: all 0.3s ease !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title:hover, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title:hover { background-color: #FAFAFA !important; } /* Số thứ tự tự động (Bên trái) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { content: "0" counter(ipas-module) !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.3s ease !important; } /* Icon +/- (Bên phải) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { position: absolute !important; right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; background-color: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B7280 !important; transition: all 0.3s ease !important; margin: 0 !important; } /* Trạng thái Mở (Active) */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] { color: #106434 !important; background-color: #ffffff !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::after { background-color: #EEF5F0 !important; color: #106434 !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #EEF5F0 !important; border-color: #EEF5F0 !important; color: #106434 !important; } /* Vệt xanh mép trái */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-active .elementor-accordion-title::before, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item > .e-n-accordion-item-title[aria-expanded="true"]::before { content: "" !important; position: absolute !important; left: -1px !important; top: 50% !important; transform: translateY(-50%) !important; width: 4px !important; height: 24px !important; background-color: #317A43 !important; border-radius: 0 4px 4px 0 !important; z-index: 10 !important; } /* Khung nội dung */ .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-content, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-content { background-color: #ffffff !important; padding: 0 30px 30px 80px !important; border-top: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title { padding: 20px 60px 20px 60px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-title::after, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title::after { left: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .elementor-accordion-icon, .elementor-1117 .elementor-element.elementor-element-c51a7d7 .e-n-accordion-item-title-icon { right: 12px !important; } .elementor-1117 .elementor-element.elementor-element-c51a7d7 .element/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-9ddb5c8 *//* ==================================================== 1. CSS MENU TABS: KẺ MỎNG & BÓNG TĨNH ==================================================== */ /* Đường kẻ ngang mỏng 1px dưới cụm Tabs */ .elementor-1117 .elementor-element.elementor-element-9ddb5c8 .elementor-tabs-wrapper, .elementor-1117 .elementor-element.elementor-element-9ddb5c8 .e-n-tabs-heading { border-bottom: 1px solid #E5E7EB !important; /* Xám rất nhạt */ padding-bottom: 12px !important; margin-bottom: 25px !important; gap: 10px !important; } /* Nút Tab cơ bản */ .elementor-1117 .elementor-element.elementor-element-9ddb5c8 .elementor-tab-title, .elementor-1117 .elementor-element.elementor-element-9ddb5c8 .e-n-tab-title { transition: all 0.3s ease !important; border-radius: 30px !important; background-color: transparent !important; } /* Hiệu ứng bóng Glow tĩnh cho Tab đang chọn (Bỏ hiệu ứng toả) */ .elementor-1117 .elementor-element.elementor-element-9ddb5c8 .elementor-tab-title.elementor-active, .elementor-1117 .elementor-element.elementor-element-9ddb5c8 .e-n-tab-title[aria-selected="true"] { background-color: #317A43 !important; /* Xanh IPAS */ color: #ffffff !important; /* Đổ bóng tĩnh màu xanh dưới chân nút */ box-shadow: 0 8px 20px -5px rgba(49, 122, 67, 0.5) !important; animation: none !important; } /* Tối ưu Mobile cho Tabs */ @media (max-width: 767px) { .elementor-1117 .elementor-element.elementor-element-9ddb5c8 .elementor-tab-title, .elementor-1117 .elementor-element.elementor-element-9ddb5c8 .e-n-tab-title { padding: 8px 12px !important; font-size: 14px !important; } }/* End custom CSS */