.elementor-26 .elementor-element.elementor-element-3f1f5ac{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-2ddd478{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--overlay-mix-blend-mode:darken;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-2ddd478::before, .elementor-26 .elementor-element.elementor-element-2ddd478 > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-2ddd478 > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-2ddd478 > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-2ddd478 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-2ddd478 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 17%, #000000 100%);}.elementor-26 .elementor-element.elementor-element-2ddd478 .elementor-background-slideshow__slide__image{background-size:cover;}.elementor-26 .elementor-element.elementor-element-2ddd478::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-26 .elementor-element.elementor-element-9c1185b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-881a4f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-881a4f4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:120px;font-weight:600;line-height:160%;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-e9ab5c0{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-8b139e4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-8b139e4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:400;line-height:160%;letter-spacing:0.4px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-26 .elementor-element.elementor-element-26308cf .elementor-button{background-color:#00612D99;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.8px;word-spacing:2px;border-radius:100px 100px 100px 100px;}.elementor-26 .elementor-element.elementor-element-26308cf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-26308cf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-26 .elementor-element.elementor-element-26308cf .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-26 .elementor-element.elementor-element-5d959a4{--display:flex;--overlay-opacity:0.5;}.elementor-26 .elementor-element.elementor-element-5d959a4::before, .elementor-26 .elementor-element.elementor-element-5d959a4 > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-5d959a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-5d959a4 > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-5d959a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-5d959a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);}.elementor-26 .elementor-element.elementor-element-b63482f{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:60%;}body:not(.rtl) .elementor-26 .elementor-element.elementor-element-b63482f{left:0%;}body.rtl .elementor-26 .elementor-element.elementor-element-b63482f{right:0%;}.elementor-26 .elementor-element.elementor-element-8833268 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 60px;}.elementor-26 .elementor-element.elementor-element-8833268 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:120px;font-weight:600;line-height:160%;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-f1a22dc{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-392f5ea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 60px;}.elementor-26 .elementor-element.elementor-element-392f5ea .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:400;line-height:160%;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-f3c54b4 .elementor-button{background-color:#00612D99;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.8px;word-spacing:2px;border-radius:100px 100px 100px 100px;}.elementor-26 .elementor-element.elementor-element-f3c54b4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 60px;}.elementor-26 .elementor-element.elementor-element-f3c54b4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-26 .elementor-element.elementor-element-f3c54b4 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-26 .elementor-element.elementor-element-92830ed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:36px 36px;--row-gap:36px;--column-gap:36px;--margin-top:120px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:36px;}.elementor-26 .elementor-element.elementor-element-62fec49{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-30ac96b > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-30ac96b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:600;line-height:160%;color:#1D75BC;}.elementor-26 .elementor-element.elementor-element-da48518{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-2a8d598 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-2a8d598 .e-search-input{border-radius:45px 45px 45px 45px;}.elementor-26 .elementor-element.elementor-element-2a8d598{--e-search-input-padding-block-start:0px;--e-search-input-padding-inline-start:020px;--e-search-input-padding-block-end:0px;--e-search-input-padding-inline-end:80px;--e-search-submit-border-radius:45px 45px 45px 45px;}.elementor-26 .elementor-element.elementor-element-774ff73{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-26 .elementor-element.elementor-element-df4311a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-4f91942 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:24px;font-weight:600;line-height:160%;color:var( --e-global-color-secondary );}.elementor-26 .elementor-element.elementor-element-32daabe{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-26 .elementor-element.elementor-element-32daabe .swiper-slide > .elementor-element{height:100%;}.elementor-26 .elementor-element.elementor-element-571fb2b{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;--padding-top:120px;--padding-bottom:120px;--padding-left:60px;--padding-right:60px;}.elementor-26 .elementor-element.elementor-element-bf41165{--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:center;--gap:0px 25px;--row-gap:0px;--column-gap:25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-ca69960{--display:flex;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-26 .elementor-element.elementor-element-ca69960:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-ca69960 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://feednews.vn/wp-content/uploads/2026/05/z7852929839410_8077a1cc9d27554b258d680cd660cd6d.png");}.elementor-26 .elementor-element.elementor-element-ca69960::before, .elementor-26 .elementor-element.elementor-element-ca69960 > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-ca69960 > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-ca69960 > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-ca69960 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-ca69960 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.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-26 .elementor-element.elementor-element-53ce270 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-wrapper{gap:15px;}.elementor-26 .elementor-element.elementor-element-53ce270.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-26 .elementor-element.elementor-element-53ce270.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#009444;}.elementor-26 .elementor-element.elementor-element-53ce270.elementor-view-framed:has(:hover) .elementor-icon, .elementor-26 .elementor-element.elementor-element-53ce270.elementor-view-default:has(:hover) .elementor-icon, .elementor-26 .elementor-element.elementor-element-53ce270.elementor-view-framed:has(:focus) .elementor-icon, .elementor-26 .elementor-element.elementor-element-53ce270.elementor-view-default:has(:focus) .elementor-icon{fill:#009444;color:#009444;border-color:#009444;}.elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:600;line-height:160%;}.elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-title{color:#005C2A;}.elementor-26 .elementor-element.elementor-element-53ce270:has(:hover) .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-53ce270:has(:focus) .elementor-icon-box-title{color:#009444;}.elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;}.elementor-26 .elementor-element.elementor-element-24350c4{--display:flex;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-26 .elementor-element.elementor-element-24350c4:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-24350c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://feednews.vn/wp-content/uploads/2026/05/z7852929839410_8077a1cc9d27554b258d680cd660cd6d.png");}.elementor-26 .elementor-element.elementor-element-a64c43a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-wrapper{gap:15px;}.elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:600;line-height:160%;}.elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-title{color:#005C2A;}.elementor-26 .elementor-element.elementor-element-a64c43a:has(:hover) .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-a64c43a:has(:focus) .elementor-icon-box-title{color:#009444;}.elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;}.elementor-26 .elementor-element.elementor-element-ae79928{--display:flex;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-26 .elementor-element.elementor-element-ae79928:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-ae79928 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://feednews.vn/wp-content/uploads/2026/05/z7852929839410_8077a1cc9d27554b258d680cd660cd6d.png");}.elementor-26 .elementor-element.elementor-element-ad120eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-wrapper{gap:15px;}.elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:600;line-height:160%;}.elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-title{color:#005C2A;}.elementor-26 .elementor-element.elementor-element-ad120eb:has(:hover) .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-ad120eb:has(:focus) .elementor-icon-box-title{color:#009444;}.elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;}.elementor-26 .elementor-element.elementor-element-f907f7f{--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:center;--gap:0px 00100px;--row-gap:0px;--column-gap:00100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-642b3fe{--display:flex;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-26 .elementor-element.elementor-element-642b3fe:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-642b3fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://feednews.vn/wp-content/uploads/2026/05/z7852929839410_8077a1cc9d27554b258d680cd660cd6d.png");}.elementor-26 .elementor-element.elementor-element-642b3fe::before, .elementor-26 .elementor-element.elementor-element-642b3fe > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-642b3fe > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-642b3fe > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-642b3fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-642b3fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-26 .elementor-element.elementor-element-ff8aacc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-wrapper{gap:15px;}.elementor-26 .elementor-element.elementor-element-ff8aacc.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-26 .elementor-element.elementor-element-ff8aacc.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#009444;}.elementor-26 .elementor-element.elementor-element-ff8aacc.elementor-view-framed:has(:hover) .elementor-icon, .elementor-26 .elementor-element.elementor-element-ff8aacc.elementor-view-default:has(:hover) .elementor-icon, .elementor-26 .elementor-element.elementor-element-ff8aacc.elementor-view-framed:has(:focus) .elementor-icon, .elementor-26 .elementor-element.elementor-element-ff8aacc.elementor-view-default:has(:focus) .elementor-icon{fill:#009444;color:#009444;border-color:#009444;}.elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:600;line-height:160%;}.elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-title{color:#005C2A;}.elementor-26 .elementor-element.elementor-element-ff8aacc:has(:hover) .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-ff8aacc:has(:focus) .elementor-icon-box-title{color:#009444;}.elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;}.elementor-26 .elementor-element.elementor-element-b0d191d{--display:flex;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-26 .elementor-element.elementor-element-b0d191d:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-b0d191d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://feednews.vn/wp-content/uploads/2026/05/z7852929839410_8077a1cc9d27554b258d680cd660cd6d.png");}.elementor-26 .elementor-element.elementor-element-04add69 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-wrapper{gap:15px;}.elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:600;line-height:160%;}.elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-title{color:#005C2A;}.elementor-26 .elementor-element.elementor-element-04add69:has(:hover) .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-04add69:has(:focus) .elementor-icon-box-title{color:#009444;}.elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;}.elementor-26 .elementor-element.elementor-element-2a11e84{--display:flex;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-26 .elementor-element.elementor-element-2a11e84:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-2a11e84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://feednews.vn/wp-content/uploads/2026/05/z7852929839410_8077a1cc9d27554b258d680cd660cd6d.png");}.elementor-26 .elementor-element.elementor-element-f23c1f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-wrapper{gap:15px;}.elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:600;line-height:160%;}.elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-title{color:#005C2A;}.elementor-26 .elementor-element.elementor-element-f23c1f4:has(:hover) .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-f23c1f4:has(:focus) .elementor-icon-box-title{color:#009444;}.elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;}.elementor-26 .elementor-element.elementor-element-a8d3959{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-a8d3959:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-a8d3959 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAF6;}.elementor-26 .elementor-element.elementor-element-26cae6e{--display:flex;}.elementor-26 .elementor-element.elementor-element-26cae6e:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-26cae6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feednews.vn/wp-content/uploads/2026/05/z7852929839410_8077a1cc9d27554b258d680cd660cd6d.png");}.elementor-26 .elementor-element.elementor-element-58171cb{--display:flex;}.elementor-26 .elementor-element.elementor-element-58171cb:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-58171cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feednews.vn/wp-content/uploads/2026/05/Banner-Phattrienbenvung.png");}.elementor-26 .elementor-element.elementor-element-2efe852{--display:flex;}.elementor-26 .elementor-element.elementor-element-2efe852:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-2efe852 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feednews.vn/wp-content/uploads/2026/04/Thiet-ke-chua-co-ten.png");}.elementor-26 .elementor-element.elementor-element-8c8ecf2{--display:flex;}.elementor-26 .elementor-element.elementor-element-8c8ecf2:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-8c8ecf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feednews.vn/wp-content/uploads/2026/05/ChatGPT-Image-13_51_32-24-thg-5-2026.png");}.elementor-26 .elementor-element.elementor-element-4425401{--display:flex;--margin-top:0100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-edfaf18{text-align:center;}.elementor-26 .elementor-element.elementor-element-edfaf18 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:52px;font-weight:800;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-6bbb80e{--display:flex;--min-height:1080px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 65px;--row-gap:0px;--column-gap:65px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-454d3c5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-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-26 .elementor-element.elementor-element-4a803d1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-26 .elementor-element.elementor-element-4a803d1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-26 .elementor-element.elementor-element-4a803d1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-4a803d1 .elementor-image-box-wrapper .elementor-image-box-img{width:46%;}.elementor-26 .elementor-element.elementor-element-4a803d1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-26 .elementor-element.elementor-element-4a803d1 .elementor-image-box-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;line-height:160%;color:#0F75BC;}.elementor-26 .elementor-element.elementor-element-4a803d1:has(:hover) .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-4a803d1:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-4a803d1 .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-9e5a124{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-70dee9c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-26 .elementor-element.elementor-element-70dee9c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-26 .elementor-element.elementor-element-70dee9c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-70dee9c .elementor-image-box-wrapper .elementor-image-box-img{width:46%;}.elementor-26 .elementor-element.elementor-element-70dee9c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-26 .elementor-element.elementor-element-70dee9c .elementor-image-box-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;line-height:160%;color:#0B9444;}.elementor-26 .elementor-element.elementor-element-70dee9c:has(:hover) .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-70dee9c:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-70dee9c .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-d183118{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-4e8bdb3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-26 .elementor-element.elementor-element-4e8bdb3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-26 .elementor-element.elementor-element-4e8bdb3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-4e8bdb3 .elementor-image-box-wrapper .elementor-image-box-img{width:46%;}.elementor-26 .elementor-element.elementor-element-4e8bdb3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-26 .elementor-element.elementor-element-4e8bdb3 .elementor-image-box-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;line-height:160%;color:#F0592B;}.elementor-26 .elementor-element.elementor-element-4e8bdb3:has(:hover) .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-4e8bdb3:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-4e8bdb3 .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-4fc9db8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-2658f75.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-26 .elementor-element.elementor-element-2658f75.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-26 .elementor-element.elementor-element-2658f75.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-2658f75 .elementor-image-box-wrapper .elementor-image-box-img{width:46%;}.elementor-26 .elementor-element.elementor-element-2658f75 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-26 .elementor-element.elementor-element-2658f75 .elementor-image-box-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;line-height:160%;color:#0F75BC;}.elementor-26 .elementor-element.elementor-element-2658f75:has(:hover) .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-2658f75:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-2658f75 .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-e8e4e7c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-e8e4e7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAF6;}.elementor-26 .elementor-element.elementor-element-501bd0d{--display:flex;}.elementor-26 .elementor-element.elementor-element-501bd0d:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-501bd0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feednews.vn/wp-content/uploads/2026/05/z7852929839410_8077a1cc9d27554b258d680cd660cd6d.png");}.elementor-26 .elementor-element.elementor-element-4a3d7c3{--display:flex;}.elementor-26 .elementor-element.elementor-element-4a3d7c3:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-4a3d7c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feednews.vn/wp-content/uploads/2026/05/Banner-Phattrienbenvung.png");}.elementor-26 .elementor-element.elementor-element-f84e865{--display:flex;}.elementor-26 .elementor-element.elementor-element-f84e865:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-f84e865 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feednews.vn/wp-content/uploads/2026/04/Thiet-ke-chua-co-ten.png");}.elementor-26 .elementor-element.elementor-element-1a3e29e{--display:flex;}.elementor-26 .elementor-element.elementor-element-1a3e29e:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-1a3e29e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feednews.vn/wp-content/uploads/2026/05/ChatGPT-Image-13_51_32-24-thg-5-2026.png");}.elementor-26 .elementor-element.elementor-element-1bb0fe6{--display:flex;--margin-top:0100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-b96e3af{text-align:center;}.elementor-26 .elementor-element.elementor-element-b96e3af .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:52px;font-weight:800;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-5910876{--display:flex;--min-height:1080px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 65px;--row-gap:0px;--column-gap:65px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-4c98cdc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-a20193a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-26 .elementor-element.elementor-element-a20193a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-26 .elementor-element.elementor-element-a20193a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-a20193a .elementor-image-box-wrapper .elementor-image-box-img{width:46%;}.elementor-26 .elementor-element.elementor-element-a20193a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-26 .elementor-element.elementor-element-a20193a .elementor-image-box-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;line-height:160%;color:#0F75BC;}.elementor-26 .elementor-element.elementor-element-a20193a:has(:hover) .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a20193a:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-a20193a .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-c9eb2ca{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-9129fb5.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-26 .elementor-element.elementor-element-9129fb5.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-26 .elementor-element.elementor-element-9129fb5.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-9129fb5 .elementor-image-box-wrapper .elementor-image-box-img{width:46%;}.elementor-26 .elementor-element.elementor-element-9129fb5 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-26 .elementor-element.elementor-element-9129fb5 .elementor-image-box-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;line-height:160%;color:#0B9444;}.elementor-26 .elementor-element.elementor-element-9129fb5:has(:hover) .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-9129fb5:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-9129fb5 .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-4cb1cb2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-34604d1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-26 .elementor-element.elementor-element-34604d1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-26 .elementor-element.elementor-element-34604d1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-34604d1 .elementor-image-box-wrapper .elementor-image-box-img{width:46%;}.elementor-26 .elementor-element.elementor-element-34604d1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-26 .elementor-element.elementor-element-34604d1 .elementor-image-box-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;line-height:160%;color:#F0592B;}.elementor-26 .elementor-element.elementor-element-34604d1:has(:hover) .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-34604d1:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-34604d1 .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-eb8e9a0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-83670ea.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-26 .elementor-element.elementor-element-83670ea.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-26 .elementor-element.elementor-element-83670ea.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-83670ea .elementor-image-box-wrapper .elementor-image-box-img{width:46%;}.elementor-26 .elementor-element.elementor-element-83670ea .elementor-image-box-img img{transition-duration:0.3s;}.elementor-26 .elementor-element.elementor-element-83670ea .elementor-image-box-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;line-height:160%;color:#0F75BC;}.elementor-26 .elementor-element.elementor-element-83670ea:has(:hover) .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-83670ea:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-83670ea .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-4f4c4ee{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-4f4c4ee:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-4f4c4ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAF6;background-image:url("https://feednews.vn/wp-content/uploads/2026/05/Logo-3.png");background-position:top right;background-repeat:no-repeat;}.elementor-26 .elementor-element.elementor-element-59b8f47 > .elementor-widget-container{margin:60px 0px 60px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-59b8f47{text-align:center;}.elementor-26 .elementor-element.elementor-element-59b8f47 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:800;line-height:160%;color:#0F75BC;}.elementor-26 .elementor-element.elementor-element-215d6a6{--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;--margin-top:0px;--margin-bottom:60px;--margin-left:100px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-fcb8c02{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-771284f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-26 .elementor-element.elementor-element-cacc501{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-30706f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-30706f9.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-30706f9{text-align:center;}.elementor-26 .elementor-element.elementor-element-30706f9 img{width:100%;}.elementor-26 .elementor-element.elementor-element-56f999a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-f0ca8de{--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;--justify-content:space-around;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-af80687{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-af80687.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-3cf2443 > .elementor-widget-container{padding:0px 0px 0px 35px;}.elementor-26 .elementor-element.elementor-element-3cf2443 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:24px;font-weight:600;line-height:160%;color:var( --e-global-color-secondary );}.elementor-26 .elementor-element.elementor-element-f48104b > .elementor-widget-container{margin:0px 0px 0px 35px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f48104b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:400;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-fa2185d{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.34);--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-fa2185d:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-fa2185d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-ffba8ab{--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;--border-radius:0px 0px 0px 0px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-fac9a08{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-c1b6586{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-00cfadd{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-ffbdd7a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-ffbdd7a{text-align:start;}.elementor-26 .elementor-element.elementor-element-ffbdd7a .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:900;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-46cab53 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-46cab53{text-align:start;}.elementor-26 .elementor-element.elementor-element-46cab53 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-5ad8ed7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-9c785c1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-2f75acb{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-de37cb4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-de37cb4{text-align:start;}.elementor-26 .elementor-element.elementor-element-de37cb4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:900;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-e708f38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-e708f38{text-align:start;}.elementor-26 .elementor-element.elementor-element-e708f38 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-87439f7{--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;--border-radius:0px 0px 0px 0px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-db7d740{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-aeb796a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-31586a0{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-4edcae0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-4edcae0{text-align:start;}.elementor-26 .elementor-element.elementor-element-4edcae0 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:900;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-314e5c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-314e5c2{text-align:start;}.elementor-26 .elementor-element.elementor-element-314e5c2 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-acf324b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-cb2f819{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-fdbf8a6{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-75e2c2d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-75e2c2d{text-align:start;}.elementor-26 .elementor-element.elementor-element-75e2c2d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:900;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-af7e89b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-af7e89b{text-align:start;}.elementor-26 .elementor-element.elementor-element-af7e89b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-6525b05{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-6525b05:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-6525b05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAF6;}.elementor-26 .elementor-element.elementor-element-2fa4048 > .elementor-widget-container{margin:60px 0px 60px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-2fa4048{text-align:center;}.elementor-26 .elementor-element.elementor-element-2fa4048 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:800;line-height:160%;color:#0F75BC;}.elementor-26 .elementor-element.elementor-element-c9964c0{--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;--margin-top:0px;--margin-bottom:60px;--margin-left:100px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-964bf7f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-6cc5d33{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-7b83a14{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-7e735ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-7e735ca img{width:100%;}.elementor-26 .elementor-element.elementor-element-459d0d6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-0d8fe80{--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;--justify-content:space-around;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-0f66d39{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-0f66d39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-db7af36 > .elementor-widget-container{padding:0px 0px 0px 35px;}.elementor-26 .elementor-element.elementor-element-db7af36 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:24px;font-weight:600;line-height:160%;color:var( --e-global-color-secondary );}.elementor-26 .elementor-element.elementor-element-fd7e024 > .elementor-widget-container{margin:0px 0px 0px 35px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-fd7e024 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:36px;font-weight:400;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-98f1b15{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.34);--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-98f1b15:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-98f1b15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-cdd5cfd{--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;--border-radius:0px 0px 0px 0px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-cd911f0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-a51213b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-e4128bc{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-bf64caf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-bf64caf{text-align:start;}.elementor-26 .elementor-element.elementor-element-bf64caf .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:900;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-3dd6374 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-3dd6374{text-align:start;}.elementor-26 .elementor-element.elementor-element-3dd6374 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-e1fd043{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-0be5ba6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-a2ada52{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-288addb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-288addb{text-align:start;}.elementor-26 .elementor-element.elementor-element-288addb .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:900;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-1ddf772 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-1ddf772{text-align:start;}.elementor-26 .elementor-element.elementor-element-1ddf772 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-7f708f9{--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;--border-radius:0px 0px 0px 0px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-b17cc7d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-e665f99{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-09c931a{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-9d9f70c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-9d9f70c{text-align:start;}.elementor-26 .elementor-element.elementor-element-9d9f70c .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:900;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-3720fac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-3720fac{text-align:start;}.elementor-26 .elementor-element.elementor-element-3720fac .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-61f8a37{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-9acd06a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-20696e2{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-2431052 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-2431052{text-align:start;}.elementor-26 .elementor-element.elementor-element-2431052 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:900;line-height:160%;color:#000000;}.elementor-26 .elementor-element.elementor-element-69dec0a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-69dec0a{text-align:start;}.elementor-26 .elementor-element.elementor-element-69dec0a .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:160%;color:#000000;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-3f1f5ac{--content-width:100%;}.elementor-26 .elementor-element.elementor-element-2ddd478{--width:100%;}.elementor-26 .elementor-element.elementor-element-e9ab5c0{--width:40%;}.elementor-26 .elementor-element.elementor-element-f1a22dc{--width:40%;}.elementor-26 .elementor-element.elementor-element-62fec49{--width:50%;}.elementor-26 .elementor-element.elementor-element-ca69960{--width:20%;}.elementor-26 .elementor-element.elementor-element-24350c4{--width:20%;}.elementor-26 .elementor-element.elementor-element-ae79928{--width:20%;}.elementor-26 .elementor-element.elementor-element-642b3fe{--width:20%;}.elementor-26 .elementor-element.elementor-element-b0d191d{--width:20%;}.elementor-26 .elementor-element.elementor-element-2a11e84{--width:20%;}.elementor-26 .elementor-element.elementor-element-6bbb80e{--width:1920px;}.elementor-26 .elementor-element.elementor-element-454d3c5{--width:15%;}.elementor-26 .elementor-element.elementor-element-9e5a124{--width:15%;}.elementor-26 .elementor-element.elementor-element-d183118{--width:15%;}.elementor-26 .elementor-element.elementor-element-4fc9db8{--width:15%;}.elementor-26 .elementor-element.elementor-element-5910876{--width:1920px;}.elementor-26 .elementor-element.elementor-element-4c98cdc{--width:15%;}.elementor-26 .elementor-element.elementor-element-c9eb2ca{--width:15%;}.elementor-26 .elementor-element.elementor-element-4cb1cb2{--width:15%;}.elementor-26 .elementor-element.elementor-element-eb8e9a0{--width:15%;}.elementor-26 .elementor-element.elementor-element-fcb8c02{--width:12%;}.elementor-26 .elementor-element.elementor-element-cacc501{--width:75%;}.elementor-26 .elementor-element.elementor-element-f0ca8de{--width:66.66%;}.elementor-26 .elementor-element.elementor-element-af80687{--width:99.89%;}.elementor-26 .elementor-element.elementor-element-fa2185d{--width:100%;}.elementor-26 .elementor-element.elementor-element-ffba8ab{--width:100%;}.elementor-26 .elementor-element.elementor-element-fac9a08{--width:46%;}.elementor-26 .elementor-element.elementor-element-c1b6586{--width:30%;}.elementor-26 .elementor-element.elementor-element-00cfadd{--width:70%;}.elementor-26 .elementor-element.elementor-element-5ad8ed7{--width:46%;}.elementor-26 .elementor-element.elementor-element-9c785c1{--width:30%;}.elementor-26 .elementor-element.elementor-element-2f75acb{--width:70%;}.elementor-26 .elementor-element.elementor-element-87439f7{--width:100%;}.elementor-26 .elementor-element.elementor-element-db7d740{--width:46%;}.elementor-26 .elementor-element.elementor-element-aeb796a{--width:30%;}.elementor-26 .elementor-element.elementor-element-31586a0{--width:70%;}.elementor-26 .elementor-element.elementor-element-acf324b{--width:46%;}.elementor-26 .elementor-element.elementor-element-cb2f819{--width:30%;}.elementor-26 .elementor-element.elementor-element-fdbf8a6{--width:70%;}.elementor-26 .elementor-element.elementor-element-964bf7f{--width:15%;}.elementor-26 .elementor-element.elementor-element-7b83a14{--width:80%;}.elementor-26 .elementor-element.elementor-element-0d8fe80{--width:66.66%;}.elementor-26 .elementor-element.elementor-element-0f66d39{--width:99.89%;}.elementor-26 .elementor-element.elementor-element-98f1b15{--width:100%;}.elementor-26 .elementor-element.elementor-element-cdd5cfd{--width:100%;}.elementor-26 .elementor-element.elementor-element-cd911f0{--width:46%;}.elementor-26 .elementor-element.elementor-element-a51213b{--width:30%;}.elementor-26 .elementor-element.elementor-element-e4128bc{--width:70%;}.elementor-26 .elementor-element.elementor-element-e1fd043{--width:46%;}.elementor-26 .elementor-element.elementor-element-0be5ba6{--width:30%;}.elementor-26 .elementor-element.elementor-element-a2ada52{--width:70%;}.elementor-26 .elementor-element.elementor-element-7f708f9{--width:100%;}.elementor-26 .elementor-element.elementor-element-b17cc7d{--width:46%;}.elementor-26 .elementor-element.elementor-element-e665f99{--width:30%;}.elementor-26 .elementor-element.elementor-element-09c931a{--width:70%;}.elementor-26 .elementor-element.elementor-element-61f8a37{--width:46%;}.elementor-26 .elementor-element.elementor-element-9acd06a{--width:30%;}.elementor-26 .elementor-element.elementor-element-20696e2{--width:70%;}}@media(max-width:1550px) and (min-width:768px){.elementor-26 .elementor-element.elementor-element-e9ab5c0{--width:49%;}.elementor-26 .elementor-element.elementor-element-f1a22dc{--width:49%;}.elementor-26 .elementor-element.elementor-element-ca69960{--width:27%;}.elementor-26 .elementor-element.elementor-element-24350c4{--width:27%;}.elementor-26 .elementor-element.elementor-element-ae79928{--width:27%;}.elementor-26 .elementor-element.elementor-element-642b3fe{--width:27%;}.elementor-26 .elementor-element.elementor-element-b0d191d{--width:27%;}.elementor-26 .elementor-element.elementor-element-2a11e84{--width:27%;}.elementor-26 .elementor-element.elementor-element-a8d3959{--content-width:100%;}.elementor-26 .elementor-element.elementor-element-6bbb80e{--width:1920px;}.elementor-26 .elementor-element.elementor-element-454d3c5{--width:15%;}.elementor-26 .elementor-element.elementor-element-9e5a124{--width:15%;}.elementor-26 .elementor-element.elementor-element-5910876{--width:1920px;}.elementor-26 .elementor-element.elementor-element-4c98cdc{--width:15%;}.elementor-26 .elementor-element.elementor-element-c9eb2ca{--width:15%;}.elementor-26 .elementor-element.elementor-element-fcb8c02{--width:21%;}.elementor-26 .elementor-element.elementor-element-964bf7f{--width:21%;}}@media(max-width:1024px) and (min-width:768px){.elementor-26 .elementor-element.elementor-element-9c1185b{--content-width:100%;}.elementor-26 .elementor-element.elementor-element-62fec49{--width:100%;}}@media(max-width:967px) and (min-width:768px){.elementor-26 .elementor-element.elementor-element-2ddd478{--width:1600px;}.elementor-26 .elementor-element.elementor-element-9c1185b{--content-width:100%;}.elementor-26 .elementor-element.elementor-element-e9ab5c0{--width:50%;}.elementor-26 .elementor-element.elementor-element-f1a22dc{--width:50%;}.elementor-26 .elementor-element.elementor-element-62fec49{--width:100%;}.elementor-26 .elementor-element.elementor-element-ca69960{--width:80%;}.elementor-26 .elementor-element.elementor-element-24350c4{--width:80%;}.elementor-26 .elementor-element.elementor-element-ae79928{--width:80%;}.elementor-26 .elementor-element.elementor-element-642b3fe{--width:80%;}.elementor-26 .elementor-element.elementor-element-b0d191d{--width:80%;}.elementor-26 .elementor-element.elementor-element-2a11e84{--width:80%;}}@media(max-width:1550px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-881a4f4 .elementor-heading-title{font-size:60px;}.elementor-26 .elementor-element.elementor-element-8b139e4 .elementor-heading-title{font-size:14px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-26 .elementor-element.elementor-element-26308cf > .elementor-widget-container{padding:15px 0px 0px 40px;}.elementor-26 .elementor-element.elementor-element-26308cf .elementor-button{font-size:14px;}.elementor-26 .elementor-element.elementor-element-b63482f{top:55%;}.elementor-26 .elementor-element.elementor-element-8833268 .elementor-heading-title{font-size:60px;}.elementor-26 .elementor-element.elementor-element-392f5ea .elementor-heading-title{font-size:14px;}.elementor-26 .elementor-element.elementor-element-f3c54b4 .elementor-button{font-size:14px;}.elementor-26 .elementor-element.elementor-element-92830ed{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-26 .elementor-element.elementor-element-30ac96b > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-30ac96b .elementor-heading-title{font-size:32px;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-4f91942 .elementor-heading-title{font-size:22px;}.elementor-26 .elementor-element.elementor-element-32daabe{--swiper-slides-to-display:3;}.elementor-26 .elementor-element.elementor-element-571fb2b{--padding-top:80px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-26 .elementor-element.elementor-element-ca69960{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-53ce270 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-wrapper{gap:0px;}.elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon{font-size:45px;}.elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-title a{font-size:22px;}.elementor-26 .elementor-element.elementor-element-53ce270 .elementor-icon-box-description{font-size:14px;}.elementor-26 .elementor-element.elementor-element-24350c4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-26 .elementor-element.elementor-element-a64c43a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-wrapper{gap:0px;}.elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon{font-size:45px;}.elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-title a{font-size:22px;}.elementor-26 .elementor-element.elementor-element-a64c43a .elementor-icon-box-description{font-size:14px;}.elementor-26 .elementor-element.elementor-element-ae79928{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-26 .elementor-element.elementor-element-ad120eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-wrapper{gap:0px;}.elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon{font-size:45px;}.elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-title a{font-size:22px;}.elementor-26 .elementor-element.elementor-element-ad120eb .elementor-icon-box-description{font-size:14px;}.elementor-26 .elementor-element.elementor-element-642b3fe{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-26 .elementor-element.elementor-element-ff8aacc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-wrapper{gap:0px;}.elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon{font-size:45px;}.elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-title a{font-size:22px;}.elementor-26 .elementor-element.elementor-element-ff8aacc .elementor-icon-box-description{font-size:14px;}.elementor-26 .elementor-element.elementor-element-b0d191d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-26 .elementor-element.elementor-element-04add69 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-wrapper{gap:0px;}.elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon{font-size:45px;}.elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-title a{font-size:22px;}.elementor-26 .elementor-element.elementor-element-04add69 .elementor-icon-box-description{font-size:14px;}.elementor-26 .elementor-element.elementor-element-2a11e84{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-26 .elementor-element.elementor-element-f23c1f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-wrapper{gap:0px;}.elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon{font-size:45px;}.elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-title a{font-size:22px;}.elementor-26 .elementor-element.elementor-element-f23c1f4 .elementor-icon-box-description{font-size:14px;}.elementor-26 .elementor-element.elementor-element-4425401{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-edfaf18 .elementor-heading-title{font-size:30px;}.elementor-26 .elementor-element.elementor-element-6bbb80e{--min-height:660px;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-454d3c5{--min-height:0px;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-4a803d1 .elementor-image-box-title{font-size:28px;}.elementor-26 .elementor-element.elementor-element-4a803d1 .elementor-image-box-description{font-size:12px;}.elementor-26 .elementor-element.elementor-element-70dee9c .elementor-image-box-title{font-size:28px;}.elementor-26 .elementor-element.elementor-element-70dee9c .elementor-image-box-description{font-size:12px;}.elementor-26 .elementor-element.elementor-element-4e8bdb3 .elementor-image-box-title{font-size:28px;}.elementor-26 .elementor-element.elementor-element-4e8bdb3 .elementor-image-box-description{font-size:12px;}.elementor-26 .elementor-element.elementor-element-2658f75 .elementor-image-box-title{font-size:28px;}.elementor-26 .elementor-element.elementor-element-2658f75 .elementor-image-box-description{font-size:12px;}.elementor-26 .elementor-element.elementor-element-1bb0fe6{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-b96e3af .elementor-heading-title{font-size:30px;}.elementor-26 .elementor-element.elementor-element-5910876{--min-height:660px;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-4c98cdc{--min-height:0px;}.elementor-26 .elementor-element.elementor-element-a20193a .elementor-image-box-title{font-size:28px;}.elementor-26 .elementor-element.elementor-element-a20193a .elementor-image-box-description{font-size:12px;}.elementor-26 .elementor-element.elementor-element-9129fb5 .elementor-image-box-title{font-size:28px;}.elementor-26 .elementor-element.elementor-element-9129fb5 .elementor-image-box-description{font-size:12px;}.elementor-26 .elementor-element.elementor-element-34604d1 .elementor-image-box-title{font-size:28px;}.elementor-26 .elementor-element.elementor-element-34604d1 .elementor-image-box-description{font-size:12px;}.elementor-26 .elementor-element.elementor-element-83670ea .elementor-image-box-title{font-size:28px;}.elementor-26 .elementor-element.elementor-element-83670ea .elementor-image-box-description{font-size:12px;}.elementor-26 .elementor-element.elementor-element-4f4c4ee{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-215d6a6{--margin-top:0px;--margin-bottom:40px;--margin-left:80px;--margin-right:40px;}.elementor-26 .elementor-element.elementor-element-3cf2443 .elementor-heading-title{font-size:22px;}.elementor-26 .elementor-element.elementor-element-f48104b .elementor-heading-title{font-size:21px;}.elementor-26 .elementor-element.elementor-element-ffbdd7a .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-46cab53 .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-de37cb4 .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-e708f38 .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-4edcae0 .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-314e5c2 .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-75e2c2d .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-af7e89b .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-6525b05{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-c9964c0{--margin-top:0px;--margin-bottom:40px;--margin-left:80px;--margin-right:40px;}.elementor-26 .elementor-element.elementor-element-db7af36 .elementor-heading-title{font-size:22px;}.elementor-26 .elementor-element.elementor-element-fd7e024 .elementor-heading-title{font-size:21px;}.elementor-26 .elementor-element.elementor-element-bf64caf .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-3dd6374 .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-288addb .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-1ddf772 .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-9d9f70c .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-3720fac .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-2431052 .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-69dec0a .elementor-heading-title{font-size:16px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-881a4f4 .elementor-heading-title{font-size:40px;}.elementor-26 .elementor-element.elementor-element-8b139e4 .elementor-heading-title{font-size:12px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-26 .elementor-element.elementor-element-92830ed{--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:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-26 .elementor-element.elementor-element-30ac96b .elementor-heading-title{font-size:26px;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-4f91942 .elementor-heading-title{font-size:20px;}.elementor-26 .elementor-element.elementor-element-32daabe{--swiper-slides-to-display:2;}.elementor-26 .elementor-element.elementor-element-571fb2b{--padding-top:60px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-edfaf18 .elementor-heading-title{font-size:25px;}.elementor-26 .elementor-element.elementor-element-6bbb80e{--gap:0px 13px;--row-gap:0px;--column-gap:13px;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-b96e3af .elementor-heading-title{font-size:25px;}.elementor-26 .elementor-element.elementor-element-5910876{--gap:0px 13px;--row-gap:0px;--column-gap:13px;}.elementor-26 .elementor-element.elementor-element-3cf2443 .elementor-heading-title{font-size:20px;}.elementor-26 .elementor-element.elementor-element-2fa4048 .elementor-heading-title{font-size:30px;}.elementor-26 .elementor-element.elementor-element-db7af36 .elementor-heading-title{font-size:20px;}}@media(max-width:967px){.elementor-26 .elementor-element.elementor-element-2ddd478{--min-height:967px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-2ddd478 .elementor-background-slideshow__slide__image{background-size:auto;background-position:center center;}.elementor-26 .elementor-element.elementor-element-9c1185b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-881a4f4 .elementor-heading-title{font-size:60px;}.elementor-26 .elementor-element.elementor-element-8b139e4 .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-26308cf > .elementor-widget-container{padding:0px 0px 0px 0060px;}.elementor-26 .elementor-element.elementor-element-b63482f{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:60%;}.elementor-26 .elementor-element.elementor-element-8833268 .elementor-heading-title{font-size:60px;}.elementor-26 .elementor-element.elementor-element-392f5ea .elementor-heading-title{font-size:16px;}.elementor-26 .elementor-element.elementor-element-f3c54b4 > .elementor-widget-container{padding:0px 0px 0px 0060px;}.elementor-26 .elementor-element.elementor-element-92830ed{--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-26 .elementor-element.elementor-element-30ac96b > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-30ac96b .elementor-heading-title{font-size:24px;}.elementor-26 .elementor-element.elementor-element-774ff73{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-26 .elementor-element.elementor-element-32daabe{--swiper-slides-to-display:2;}.elementor-26 .elementor-element.elementor-element-571fb2b{--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-26 .elementor-element.elementor-element-bf41165{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 20px;--row-gap:40px;--column-gap:20px;}.elementor-26 .elementor-element.elementor-element-ca69960{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-26 .elementor-element.elementor-element-24350c4{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-26 .elementor-element.elementor-element-ae79928{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-26 .elementor-element.elementor-element-f907f7f{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 20px;--row-gap:40px;--column-gap:20px;}.elementor-26 .elementor-element.elementor-element-642b3fe{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-26 .elementor-element.elementor-element-b0d191d{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-26 .elementor-element.elementor-element-2a11e84{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-26 .elementor-element.elementor-element-6bbb80e{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-26 .elementor-element.elementor-element-5910876{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-26 .elementor-element.elementor-element-2fa4048 .elementor-heading-title{font-size:23px;}.elementor-26 .elementor-element.elementor-element-c9964c0{--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;}.elementor-26 .elementor-element.elementor-element-fd7e024 .elementor-heading-title{font-size:15px;}.elementor-26 .elementor-element.elementor-element-cdd5cfd{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-26 .elementor-element.elementor-element-cd911f0{--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-26 .elementor-element.elementor-element-a51213b{--justify-content:center;}.elementor-26 .elementor-element.elementor-element-bf64caf .elementor-heading-title{font-size:13px;}.elementor-26 .elementor-element.elementor-element-3dd6374 .elementor-heading-title{font-size:12px;}.elementor-26 .elementor-element.elementor-element-e1fd043{--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-26 .elementor-element.elementor-element-0be5ba6{--justify-content:center;}.elementor-26 .elementor-element.elementor-element-288addb .elementor-heading-title{font-size:13px;}.elementor-26 .elementor-element.elementor-element-1ddf772 .elementor-heading-title{font-size:12px;}.elementor-26 .elementor-element.elementor-element-7f708f9{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-26 .elementor-element.elementor-element-b17cc7d{--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-26 .elementor-element.elementor-element-e665f99{--justify-content:center;}.elementor-26 .elementor-element.elementor-element-9d9f70c .elementor-heading-title{font-size:13px;}.elementor-26 .elementor-element.elementor-element-3720fac .elementor-heading-title{font-size:12px;}.elementor-26 .elementor-element.elementor-element-61f8a37{--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-26 .elementor-element.elementor-element-9acd06a{--justify-content:center;}.elementor-26 .elementor-element.elementor-element-2431052 .elementor-heading-title{font-size:13px;}.elementor-26 .elementor-element.elementor-element-69dec0a .elementor-heading-title{font-size:12px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-26 .elementor-element.elementor-element-5d959a4 .elementor-background-slideshow__slide__image{background-position:bottom center;}.elementor-26 .elementor-element.elementor-element-b63482f{--gap:5px 0px;--row-gap:5px;--column-gap:0px;top:15%;}.elementor-26 .elementor-element.elementor-element-8833268 > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-26 .elementor-element.elementor-element-8833268 .elementor-heading-title{font-size:30px;}.elementor-26 .elementor-element.elementor-element-392f5ea > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-26 .elementor-element.elementor-element-392f5ea .elementor-heading-title{font-size:11px;}.elementor-26 .elementor-element.elementor-element-f3c54b4 > .elementor-widget-container{padding:10px 0px 0px 20px;}.elementor-26 .elementor-element.elementor-element-f3c54b4 .elementor-button{font-size:12px;}.elementor-26 .elementor-element.elementor-element-92830ed{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-30ac96b > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-30ac96b .elementor-heading-title{font-size:22px;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-774ff73{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-26 .elementor-element.elementor-element-4f91942 .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-32daabe{--swiper-slides-to-display:1;}.elementor-26 .elementor-element.elementor-element-571fb2b{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-26 .elementor-element.elementor-element-bf41165{--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-f907f7f{--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26 .elementor-element.elementor-element-4a803d1 .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-70dee9c .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-4e8bdb3 .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-2658f75 .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-a20193a .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-9129fb5 .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-34604d1 .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-83670ea .elementor-image-box-img{margin-bottom:15px;}.elementor-26 .elementor-element.elementor-element-3cf2443 .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-6525b05{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-2fa4048 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-2fa4048 .elementor-heading-title{font-size:14px;}.elementor-26 .elementor-element.elementor-element-c9964c0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-964bf7f{--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:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-6cc5d33{--width:30%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-7b83a14.e-con{--e-con-transform-rotateZ:-90deg;}.elementor-26 .elementor-element.elementor-element-7b83a14{--width:25%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-459d0d6{--width:30%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-db7af36 > .elementor-widget-container{padding:0px 0px 0px 40px;}.elementor-26 .elementor-element.elementor-element-db7af36 .elementor-heading-title{font-size:18px;}.elementor-26 .elementor-element.elementor-element-fd7e024 > .elementor-widget-container{margin:0px 40px 20px 40px;}.elementor-26 .elementor-element.elementor-element-fd7e024.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-fd7e024{text-align:justify;}.elementor-26 .elementor-element.elementor-element-fd7e024 .elementor-heading-title{font-size:13px;}.elementor-26 .elementor-element.elementor-element-98f1b15{--width:90%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-26 .elementor-element.elementor-element-cd911f0{--width:90%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-26 .elementor-element.elementor-element-a51213b{--width:25%;}.elementor-26 .elementor-element.elementor-element-e4128bc{--width:60%;}.elementor-26 .elementor-element.elementor-element-bf64caf{text-align:start;}.elementor-26 .elementor-element.elementor-element-3dd6374{text-align:start;}.elementor-26 .elementor-element.elementor-element-e1fd043{--width:90%;--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;}.elementor-26 .elementor-element.elementor-element-0be5ba6{--width:25%;}.elementor-26 .elementor-element.elementor-element-a2ada52{--width:60%;}.elementor-26 .elementor-element.elementor-element-b17cc7d{--width:90%;--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;}.elementor-26 .elementor-element.elementor-element-e665f99{--width:25%;}.elementor-26 .elementor-element.elementor-element-09c931a{--width:60%;}.elementor-26 .elementor-element.elementor-element-61f8a37{--width:90%;--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;}.elementor-26 .elementor-element.elementor-element-9acd06a{--width:25%;}.elementor-26 .elementor-element.elementor-element-20696e2{--width:60%;}}/* Start custom CSS for heading, class: .elementor-element-881a4f4 *//* Widget button đứng đúng lề trái 60px */ .elementor-26 .elementor-element.elementor-element-881a4f4 { margin-left: 60px !important; padding-left: 0 !important; display: flex; justify-content: flex-start; align-items: center; overflow: visible; } /* ===================================================== TEXT / TITLE SCALE THEO CHUẨN 1920PX Chỉ PC / laptop ===================================================== */ @media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .elementor-26 .elementor-element.elementor-element-881a4f4 { /* 1920px chuẩn: 1vw = 19.2px */ --text-left: 3.125vw; /* 60px tại 1920 */ --title-size: 4.17vw; /* 80px tại 1920 */ --desc-size: 1.04vw; /* 20px tại 1920 */ margin-left: var(--text-left) !important; padding-left: 0 !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; overflow: visible !important; } } @media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .elementor-26 .elementor-element.elementor-element-881a4f4 .elementor-heading-title, .elementor-26 .elementor-element.elementor-element-881a4f4 h1, .elementor-26 .elementor-element.elementor-element-881a4f4 h2, .elementor-26 .elementor-element.elementor-element-881a4f4 h3 { font-size: 4.17vw !important; /* 80px tại 1920 */ line-height: 1 !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b139e4 *//* Widget button đứng đúng lề trái 60px */ .elementor-26 .elementor-element.elementor-element-8b139e4 { margin-left: 60px !important; padding-left: 0 !important; display: flex; justify-content: flex-start; align-items: center; overflow: visible; } /* ===================================================== WIDGET TEXT / TITLE - SCALE THEO CHUẨN 1920PX Có lề trên 20px và lề dưới 20px theo tỷ lệ chuẩn ===================================================== */ @media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .elementor-26 .elementor-element.elementor-element-8b139e4 { /* 1920px chuẩn: 1vw = 19.2px */ --widget-left: 3.125vw; /* 60px tại 1920 */ --widget-margin-y: 1.0417vw; /* 20px tại 1920 */ --widget-font-size: 1.04vw; /* 20px tại 1920, tự chỉnh theo widget */ margin-left: var(--widget-left) !important; margin-top: var(--widget-margin-y) !important; margin-bottom: var(--widget-margin-y) !important; padding-left: 0 !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-8b139e4, .elementor-26 .elementor-element.elementor-element-8b139e4 .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-8b139e4 .elementor-heading-title, .elementor-26 .elementor-element.elementor-element-8b139e4 p, .elementor-26 .elementor-element.elementor-element-8b139e4 h1, .elementor-26 .elementor-element.elementor-element-8b139e4 h2, .elementor-26 .elementor-element.elementor-element-8b139e4 h3 { font-size: var(--widget-font-size) !important; line-height: 1.35 !important; } } @media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .elementor-26 .elementor-element.elementor-element-8b139e4 .elementor-heading-title, .elementor-26 .elementor-element.elementor-element-8b139e4 h1, .elementor-26 .elementor-element.elementor-element-8b139e4 h2, .elementor-26 .elementor-element.elementor-element-8b139e4 h3 { font-size: 1.04vw !important; /* 80px tại 1920 */ line-height: 1.35 !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-26308cf *//* ================================ BUTTON - SCALE THEO CHUẨN 1920PX Căn lề + padding nền xanh + hover icon ================================ */ @media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .elementor-26 .elementor-element.elementor-element-26308cf { /* 1920px chuẩn: 1vw = 19.2px */ /* Vị trí widget */ --button-left: 3.125vw; /* 60px tại 1920 */ --button-bottom: 3.125vw; /* 60px tại 1920 */ /* Kích thước phần nền xanh quanh chữ */ --button-padding-x: 1.56vw; /* 30px trái/phải tại 1920 */ --button-padding-y: 0.73vw; /* 14px trên/dưới tại 1920 */ --button-min-height: 2.6vw; /* 50px tại 1920 */ --button-radius: 1.56vw; /* 30px tại 1920 */ /* Text */ --button-font-size: 1.04vw; /* 20px tại 1920 */ /* Hover */ --button-hover-x: 0.625vw; /* 12px tại 1920 */ --button-hover-scale: 1.18; /* Icon */ --button-icon-size: 1.25vw; /* 24px tại 1920 */ --button-icon-gap: 0.4167vw; /* 8px tại 1920 */ --button-icon-hidden-x: -0.3125vw; /* -6px tại 1920 */ margin-left: var(--button-left) !important; margin-bottom: var(--button-bottom) !important; padding: 0 !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; overflow: visible !important; } /* Không để lớp bọc Elementor cộng thêm lề */ .elementor-26 .elementor-element.elementor-element-26308cf .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; overflow: visible !important; } /* Nút thật: phần màu xanh bao quanh text */ .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button { width: auto !important; min-width: auto !important; min-height: var(--button-min-height) !important; padding: var(--button-padding-y) var(--button-padding-x) !important; border-radius: var(--button-radius) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: var(--button-font-size) !important; line-height: 1 !important; box-sizing: border-box !important; white-space: nowrap !important; transition: transform 0.25s ease, box-shadow 0.25s ease !important; transform-origin: left center !important; will-change: transform; overflow: hidden !important; } /* Hover: chỉ phóng nút, không kéo widget khỏi lề */ .elementor-26 .elementor-element.elementor-element-26308cf:hover .elementor-button, .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button:hover { transform: translateX(var(--button-hover-x)) scale(var(--button-hover-scale)) !important; } /* Nội dung trong nút */ .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; } .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button-text { font-size: var(--button-font-size) !important; line-height: 1 !important; } /* Icon mặc định bị ẩn */ .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button-icon { opacity: 0 !important; width: 0 !important; max-width: 0 !important; flex: 0 0 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow: hidden !important; transform: translateX(var(--button-icon-hidden-x)) !important; transition: opacity 0.25s ease, width 0.25s ease, max-width 0.25s ease, flex-basis 0.25s ease, margin 0.25s ease, transform 0.25s ease !important; } /* Hover: hiện icon */ .elementor-26 .elementor-element.elementor-element-26308cf:hover .elementor-button-icon, .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button:hover .elementor-button-icon { opacity: 1 !important; width: var(--button-icon-size) !important; max-width: var(--button-icon-size) !important; flex: 0 0 var(--button-icon-size) !important; transform: translateX(0) !important; } /* Icon nằm bên phải chữ */ .elementor-26 .elementor-element.elementor-element-26308cf:hover .elementor-align-icon-right, .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button:hover .elementor-align-icon-right { margin-left: var(--button-icon-gap) !important; } /* Icon nằm bên trái chữ */ .elementor-26 .elementor-element.elementor-element-26308cf:hover .elementor-align-icon-left, .elementor-26 .elementor-element.elementor-element-26308cf .elementor-button:hover .elementor-align-icon-left { margin-right: var(--button-icon-gap) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ddd478 */.elementor-26 .elementor-element.elementor-element-2ddd478 { width: 100%; aspect-ratio: 1920 / 900; background-size: contain; background-position: center center; background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5d959a4 */.elementor-26 .elementor-element.elementor-element-5d959a4 { width: 100%; aspect-ratio: 440 / 768; background-size: contain; background-position: center center; background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92830ed *//* ===================================================== DABACO SEARCH BAR + AI MODE BUTTON Dùng với JS move .dabaco-ai-mode-button vào trong form DOM đúng: input | .dabaco-ai-inline-widget | submit ===================================================== */ /* WRAPPER */ .feedmedia-header-ai-search { --search-max-w: 1180px; --search-h: 58px; --search-pad: 5px; --submit-w: 146px; --ai-w: 172px; --gap: 8px; position: relative !important; width: 100% !important; } /* TITLE */ .feedmedia-header-ai-search .dabaco-search-title-wrap, .feedmedia-header-ai-search .dabaco-search-title-wrap .elementor-widget-heading, .feedmedia-header-ai-search .dabaco-search-title-wrap .elementor-widget-container, .feedmedia-header-ai-search .dabaco-search-title-wrap .elementor-heading-title, .feedmedia-header-ai-search .elementor-widget-heading, .feedmedia-header-ai-search .elementor-widget-heading .elementor-widget-container, .feedmedia-header-ai-search .elementor-widget-heading .elementor-heading-title { width: 100% !important; max-width: 100% !important; display: block !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } /* SEARCH WRAPPER */ .feedmedia-header-ai-search .dabaco-official-search-wide { width: 100% !important; max-width: var(--search-max-w) !important; margin-left: auto !important; margin-right: auto !important; } .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form, .feedmedia-header-ai-search .dabaco-official-search-wide form { width: 100% !important; } /* SEARCH BAR */ .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__container, .feedmedia-header-ai-search .dabaco-official-search-wide form { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: var(--gap) !important; width: 100% !important; height: var(--search-h) !important; padding: var(--search-pad) !important; border: 1px solid rgba(0, 138, 61, 0.22) !important; border-radius: 999px !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(0, 70, 32, 0.06) !important; overflow: hidden !important; } /* INPUT */ .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__input, .feedmedia-header-ai-search .dabaco-official-search-wide input[type="search"], .feedmedia-header-ai-search .dabaco-official-search-wide input[type="text"] { order: 1 !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 100% !important; padding-left: 22px !important; padding-right: 12px !important; border: none !important; outline: none !important; background: transparent !important; color: #142018 !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1 !important; font-family: "Plus Jakarta Sans", Arial, sans-serif !important; } .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__input::placeholder, .feedmedia-header-ai-search .dabaco-official-search-wide input::placeholder { color: rgba(20, 32, 24, 0.55) !important; } /* ===================================================== AI BUTTON - trạng thái chưa được JS move Ẩn để không hiện sai vị trí ngoài form ===================================================== */ .feedmedia-header-ai-search .dabaco-ai-mode-button:not(.dabaco-ai-inline-widget) { display: none !important; } /* ===================================================== AI BUTTON - sau khi JS thêm .dabaco-ai-inline-widget ===================================================== */ .feedmedia-header-ai-search .dabaco-ai-inline-widget, .feedmedia-header-ai-search .elementor-widget-button.dabaco-ai-inline-widget, .feedmedia-header-ai-search .elementor-widget-button.dabaco-ai-mode-button.dabaco-ai-inline-widget { order: 2 !important; position: static !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 var(--ai-w) !important; width: var(--ai-w) !important; min-width: var(--ai-w) !important; max-width: var(--ai-w) !important; height: 48px !important; margin: 0 !important; padding: 0 !important; z-index: 2 !important; } .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-widget-container { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* AI BUTTON STYLE */ .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button { width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 8px 14px 8px 12px !important; border-radius: 100px !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; background: rgba(0, 0, 0, 0.32) !important; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; font-family: "Plus Jakarta Sans", Arial, sans-serif !important; white-space: nowrap !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important; box-shadow: none !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; cursor: pointer !important; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important; } .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button:hover { background: rgba(0, 0, 0, 0.42) !important; border-color: rgba(255, 255, 255, 0.42) !important; transform: translateY(-1px) !important; } /* Chấm xanh */ .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button::before { content: "" !important; width: 8px !important; height: 8px !important; flex: 0 0 8px !important; border-radius: 50% !important; background: #009444 !important; } /* Decor logo */ .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button::after { content: "" !important; width: 31px !important; height: 20px !important; flex: 0 0 31px !important; background: url("https://dabaco.vn/wp-content/uploads/2026/03/decor-key.svg") center center no-repeat !important; background-size: contain !important; } .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; gap: 0 !important; } .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button-text { color: #ffffff !important; } /* SEARCH SUBMIT */ .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__submit, .feedmedia-header-ai-search .dabaco-official-search-wide button[type="submit"], .feedmedia-header-ai-search .dabaco-official-search-wide input[type="submit"] { order: 3 !important; flex: 0 0 var(--submit-w) !important; width: var(--submit-w) !important; min-width: var(--submit-w) !important; max-width: var(--submit-w) !important; height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; padding: 0 24px !important; border: none !important; border-radius: 999px !important; background: #008a3d !important; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; font-family: "Plus Jakarta Sans", Arial, sans-serif !important; cursor: pointer !important; transition: background 0.2s ease, transform 0.2s ease !important; } .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__submit:hover, .feedmedia-header-ai-search .dabaco-official-search-wide button[type="submit"]:hover, .feedmedia-header-ai-search .dabaco-official-search-wide input[type="submit"]:hover { background: #006b31 !important; } /* SEARCH ICON */ .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__submit svg, .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__submit i, .feedmedia-header-ai-search .dabaco-official-search-wide button[type="submit"] svg, .feedmedia-header-ai-search .dabaco-official-search-wide button[type="submit"] i, .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-button-icon { width: 0 !important; max-width: 0 !important; opacity: 0 !important; margin: 0 !important; overflow: hidden !important; transform: translateX(-6px) scale(0.85) !important; transition: 0.22s ease !important; } .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__submit:hover svg, .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__submit:hover i, .feedmedia-header-ai-search .dabaco-official-search-wide button[type="submit"]:hover svg, .feedmedia-header-ai-search .dabaco-official-search-wide button[type="submit"]:hover i, .feedmedia-header-ai-search .dabaco-official-search-wide button[type="submit"]:hover .elementor-button-icon, .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__submit:hover .elementor-button-icon { width: 18px !important; max-width: 18px !important; opacity: 1 !important; margin-right: 8px !important; transform: translateX(0) scale(1) !important; } /* HTML widget nếu còn thì không chiếm layout */ .feedmedia-header-ai-search .elementor-widget-html { height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } /* TABLET */ @media (max-width: 1024px) { .feedmedia-header-ai-search { --search-max-w: 100%; --submit-w: 120px; --ai-w: 150px; } .feedmedia-header-ai-search .dabaco-official-search-wide { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; } } /* MOBILE */ @media (max-width: 767px) { .feedmedia-header-ai-search { --search-max-w: 100%; --search-h: 52px; --search-pad: 4px; --submit-w: 78px; --ai-w: 46px; --gap: 5px; } .feedmedia-header-ai-search .dabaco-official-search-wide { max-width: 100% !important; padding-left: 14px !important; padding-right: 14px !important; } .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__container, .feedmedia-header-ai-search .dabaco-official-search-wide form { height: var(--search-h) !important; padding: var(--search-pad) !important; gap: var(--gap) !important; } .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__input, .feedmedia-header-ai-search .dabaco-official-search-wide input[type="search"], .feedmedia-header-ai-search .dabaco-official-search-wide input[type="text"] { padding-left: 12px !important; padding-right: 8px !important; font-size: 15px !important; } .feedmedia-header-ai-search .dabaco-ai-inline-widget, .feedmedia-header-ai-search .elementor-widget-button.dabaco-ai-inline-widget, .feedmedia-header-ai-search .elementor-widget-button.dabaco-ai-mode-button.dabaco-ai-inline-widget { flex-basis: var(--ai-w) !important; width: var(--ai-w) !important; min-width: var(--ai-w) !important; max-width: var(--ai-w) !important; height: 44px !important; } .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button { height: 36px !important; min-height: 36px !important; padding: 8px 8px !important; gap: 0 !important; font-size: 0 !important; } .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button::before { display: none !important; } .feedmedia-header-ai-search .dabaco-ai-inline-widget .elementor-button::after { width: 28px !important; height: 18px !important; flex: 0 0 28px !important; } .feedmedia-header-ai-search .dabaco-official-search-wide .elementor-search-form__submit, .feedmedia-header-ai-search .dabaco-official-search-wide button[type="submit"], .feedmedia-header-ai-search .dabaco-official-search-wide input[type="submit"] { flex-basis: var(--submit-w) !important; width: var(--submit-w) !important; min-width: var(--submit-w) !important; max-width: var(--submit-w) !important; height: 44px !important; padding: 0 14px !important; font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4f91942 */.elementor-26 .elementor-element.elementor-element-4f91942 .elementor-heading-title{ position: relative; display: inline-flex; align-items: center; gap: 12px; } .elementor-26 .elementor-element.elementor-element-4f91942 .elementor-widget-container .elementor-heading-title:after{ content: ''; height: 20px; width: 31px; background: url(https://dabaco.vn/wp-content/uploads/2026/03/decor-key.svg) center center no-repeat; background-size: contain; display: inline-block; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ca69960 */vision-card-item vision-card-item vision-card-1/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24350c4 */vision-card-item vision-card-item vision-card-1/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ae79928 */vision-card-item vision-card-item vision-card-1/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bf41165 *//* ===================================================== EXPAND CARD GROUP - CLEAN FLOW V11 PC ELEMENTOR-SAFE Dán vào Custom CSS của CONTAINER NGOÀI CÙNG chứa cả 3 card. Class cần có: - Container ngoài cùng: vision-card-row - Container con 1: vision-card-item vision-card-1 - Container con 2: vision-card-item vision-card-2 - Container con 3: vision-card-item vision-card-3 Ảnh nền: Đặt trực tiếp trong Elementor cho từng container con: Style > Background > Classic > Image Ghi chú: - Không có CSS mobile. - Nếu muốn ẩn mobile/điện thoại xoay ngang: dùng Elementor > Advanced > Responsive > Hide On Mobile. ===================================================== */ /* ===================================================== CONTAINER NGOÀI CÙNG ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165 > .e-con-inner { display: flex; align-items: stretch; gap: clamp(18px, 5vw, 96px); } .elementor-26 .elementor-element.elementor-element-bf41165 { --card-height: clamp(190px, 14.5vw, 290px); --card-radius: 18px; --normal-flex: 1; --active-flex: 3; --inactive-flex: 0.56; --white: #ffffff; --transition: 0.42s cubic-bezier(.22, .61, .36, 1); } .elementor-26 .elementor-element.elementor-element-bf41165 > .e-con-inner { width: 100%; } /* ===================================================== CARD CƠ BẢN ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item { position: relative; flex: var(--normal-flex) 1 0; min-width: 0; height: var(--card-height); border-radius: var(--card-radius); overflow: hidden; background-color: #ffffff; background-size: cover; background-position: center center; background-repeat: no-repeat; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); transition: flex var(--transition), box-shadow var(--transition), transform var(--transition), opacity var(--transition); cursor: pointer; container-type: inline-size; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover { flex: var(--active-flex) 1 0; transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24); } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) { flex: var(--inactive-flex) 1 0; opacity: 1; } /* ===================================================== LỚP PHỦ ẢNH ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item::before, .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item::after { content: ""; position: absolute; inset: 0; pointer-events: none; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item::before { z-index: 1; opacity: 1; transition: opacity var(--transition); } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item::after { z-index: 2; opacity: 0; transition: opacity var(--transition); } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover::before { opacity: 0; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover::after { opacity: 1; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover)::before { opacity: 1; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover)::after { opacity: 0; } /* ===================================================== MÀU LỚP PHỦ THEO TỪNG CARD ===================================================== */ /* Card 1 - xanh #009444 */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item.vision-card-1::before { background: linear-gradient( 135deg, rgba(0, 148, 68, 0.96) 0%, rgba(0, 148, 68, 0.84) 48%, rgba(0, 0, 0, 0.34) 100% ) !important; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item.vision-card-1::after { background: linear-gradient( 90deg, rgba(0, 148, 68, 0.88) 0%, rgba(0, 148, 68, 0.66) 36%, rgba(0, 148, 68, 0.28) 64%, rgba(0, 148, 68, 0.00) 100% ) !important; } /* Card 2 - cam #f15a29 */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item.vision-card-2::before { background: linear-gradient( 135deg, rgba(241, 90, 41, 0.96) 0%, rgba(241, 90, 41, 0.84) 48%, rgba(0, 0, 0, 0.34) 100% ) !important; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item.vision-card-2::after { background: linear-gradient( 90deg, rgba(241, 90, 41, 0.88) 0%, rgba(241, 90, 41, 0.66) 36%, rgba(241, 90, 41, 0.28) 64%, rgba(241, 90, 41, 0.00) 100% ) !important; } /* Card 3 - xanh dương #1f76bd */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item.vision-card-3::before { background: linear-gradient( 135deg, rgba(31, 118, 189, 0.96) 0%, rgba(31, 118, 189, 0.84) 48%, rgba(0, 0, 0, 0.34) 100% ) !important; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item.vision-card-3::after { background: linear-gradient( 90deg, rgba(31, 118, 189, 0.88) 0%, rgba(31, 118, 189, 0.66) 36%, rgba(31, 118, 189, 0.28) 64%, rgba(31, 118, 189, 0.00) 100% ) !important; } /* ===================================================== ICON BOX FULL CARD Lỗi cũ: description chỉ opacity:0 nên vẫn chiếm layout. Bản này dùng display:none ở trạng thái thường/thu hẹp. ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-widget-icon-box { position: absolute !important; inset: 0 !important; z-index: 3; width: 100%; height: 100%; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-wrapper { width: 100%; height: 100%; } /* Wrapper là cụm icon + title ở trạng thái thường */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-wrapper { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: clamp(10px, 3cqw, 28px); padding: clamp(14px, 5cqw, 38px) !important; margin: 0 !important; box-sizing: border-box; } /* Content chỉ còn title ở trạng thái thường vì description display:none */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-content { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 1 auto; min-width: 0; max-width: calc(100% - clamp(58px, 15cqw, 116px)); width: auto; height: auto; padding: 0 !important; margin: 0 !important; } /* Icon thường */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-icon { flex: 0 0 auto; margin: 0 !important; padding: 0 !important; line-height: 0; transition: opacity var(--transition), transform var(--transition); } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-icon svg { display: block; width: clamp(68px, 18.4cqw, 152px); height: clamp(68px, 18.4cqw, 152px); } /* Icon trắng */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-icon svg, .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-icon svg path { fill: var(--white) !important; color: var(--white) !important; transition: fill var(--transition), color var(--transition), opacity var(--transition); } /* Title thường - một dòng, tự nhỏ theo chiều rộng card */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-title { margin: 0 !important; padding: 0 !important; color: var(--white) !important; text-align: left !important; font-size: clamp(28px, 9.6cqw, 60px); line-height: 1; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; transform: none !important; transition: color var(--transition), font-size var(--transition), transform var(--transition), opacity var(--transition); } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-title a { color: var(--white) !important; transition: color var(--transition); } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-title br { display: none !important; } /* Description trạng thái thường: bỏ khỏi layout */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-description { display: none !important; margin: 0 !important; padding: 0 !important; color: var(--white) !important; text-align: left; } /* ===================================================== CARD BỊ ÉP NHỎ Khi có card khác hover: - Layout dọc. - Chỉ icon + title nằm trong flow. - Description vẫn display:none nên không đẩy cụm lên. ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-wrapper { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: clamp(8px, 3.5cqw, 18px); padding: clamp(12px, 5cqw, 28px) !important; box-sizing: border-box; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-content { width: 100%; max-width: 100%; align-items: center !important; justify-content: center !important; text-align: center !important; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-icon { opacity: 1; transform: none !important; margin: 0 !important; line-height: 0; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-icon svg { width: clamp(60px, 32cqw, 112px); height: clamp(60px, 32cqw, 112px); } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-title { width: 100%; max-width: 100%; text-align: center !important; font-size: clamp(16.5px, 9.75cqw, 30px); line-height: 1.08; white-space: normal !important; color: var(--white) !important; transform: none !important; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-title a { color: var(--white) !important; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-description { display: none !important; } /* ===================================================== HOVER STATE - CARD ĐANG MỞ - Icon ẩn - Title nằm trên mô tả - Title + mô tả căn trái trong vùng gradient ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-icon { opacity: 0; transform: translateY(-12px) scale(0.7); pointer-events: none; } /* Khi card mở, wrapper dùng block để content đặt theo card */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-wrapper { position: relative !important; display: block !important; width: 100%; height: 100%; padding: 0 !important; transform: none !important; } /* Cụm nội dung khi hover */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-content { position: absolute !important; left: clamp(28px, 4vw, 72px); top: 50%; transform: translateY(-50%); width: min(48%, 560px); max-width: min(48%, 560px); height: auto; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; padding: 0 !important; gap: clamp(8px, 1vw, 16px); z-index: 5; } /* Title hover */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-title { width: 100%; max-width: 100% !important; margin: 0 !important; color: var(--white) !important; text-align: left !important; font-size: clamp(32px, 3.2vw, 64px); line-height: 1.1; white-space: normal !important; transform: none !important; z-index: 6; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-title a { color: var(--white) !important; } /* Mô tả hover: chỉ bật khi hover */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-description { display: block !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; margin: 0 !important; opacity: 1; color: var(--white) !important; text-align: left !important; transform: none !important; z-index: 6; } /* ===================================================== RESPONSIVE DESKTOP / LAPTOP / TABLET Không xử lý mobile. ===================================================== */ @media (min-width: 768px) and (max-width: 1366px) { .elementor-26 .elementor-element.elementor-element-bf41165 > .e-con-inner { gap: clamp(16px, 3vw, 48px); } .elementor-26 .elementor-element.elementor-element-bf41165 { --card-height: clamp(165px, 14vw, 235px); --active-flex: 2.8; --inactive-flex: 0.62; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-icon svg { width: clamp(60px, 16.8cqw, 128px); height: clamp(60px, 16.8cqw, 128px); } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-title { font-size: clamp(24px, 8.6cqw, 50px); } } @media (min-width: 1600px) { .elementor-26 .elementor-element.elementor-element-bf41165 { --card-height: clamp(230px, 13.5vw, 330px); } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-icon svg { width: clamp(104px, 17.6cqw, 180px); height: clamp(104px, 17.6cqw, 180px); } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item .elementor-icon-box-title { font-size: clamp(44px, 8.4cqw, 76px); } } /* ===================================================== PC CARD SMOOTH EXPAND - FLEX-BASIS VERSION Giữ hiệu ứng dãn, giảm lỗi nhảy trạng thái ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165 { --card-gap: clamp(18px, 5vw, 96px); --normal-card-width: calc((100% - (var(--card-gap) * 2)) / 3); --active-card-width: calc((100% - (var(--card-gap) * 2)) * 0.70); --inactive-card-width: calc((100% - (var(--card-gap) * 2)) * 0.15); --expand-speed: 1.55s; --expand-ease: cubic-bezier(.18, .84, .28, 1); } /* Parent vẫn dùng flex, không chuyển grid */ .elementor-26 .elementor-element.elementor-element-bf41165 > .e-con-inner { display: flex !important; align-items: stretch; gap: var(--card-gap); } /* Card thường */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item { flex: 0 0 var(--normal-card-width) !important; width: var(--normal-card-width); max-width: var(--normal-card-width); min-width: 0; transition: flex-basis var(--expand-speed) var(--expand-ease), width var(--expand-speed) var(--expand-ease), max-width var(--expand-speed) var(--expand-ease), box-shadow 0.55s ease, transform 0.55s ease, opacity 0.55s ease; will-change: flex-basis, width, max-width, transform; } /* Khi hover vào card */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover { flex: 0 0 var(--active-card-width) !important; width: var(--active-card-width); max-width: var(--active-card-width); transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24); } /* Các card còn lại co lại */ .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) { flex: 0 0 var(--inactive-card-width) !important; width: var(--inactive-card-width); max-width: var(--inactive-card-width); opacity: 1; } /* Overlay chuyển chậm hơn để không bật gắt */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item::before, .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item::after { transition: opacity 0.65s ease, transform var(--expand-speed) var(--expand-ease); } /* Nội dung khi mở hiện trễ nhẹ hơn */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-content { transition: opacity 0.45s ease 0.14s, transform 0.55s ease 0.14s; } /* ===================================================== CUSTOM PATCH - TĂNG CAO CARD + TĂNG RỘNG MÔ TẢ ===================================================== */ /* PC mặc định: tăng chiều cao thêm 20% */ .elementor-26 .elementor-element.elementor-element-bf41165 { --card-height: clamp(228px, 17.4vw, 348px); } /* Vùng mô tả khi card mở: tăng từ khoảng 50% lên 60% */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-content { width: min(60%, 672px) !important; max-width: min(60%, 672px) !important; } /* Laptop / tablet */ @media (min-width: 768px) and (max-width: 1366px) { .elementor-26 .elementor-element.elementor-element-bf41165 { --card-height: clamp(198px, 16.8vw, 282px); } } /* Màn lớn */ @media (min-width: 1600px) { .elementor-26 .elementor-element.elementor-element-bf41165 { --card-height: clamp(276px, 16.2vw, 396px); } } /* ===================================================== PATCH FINAL - SCALE CHUẨN 1920PX CHO VISION CARD Chỉ desktop / laptop. Không áp dụng mobile, mobile ngang, tablet. Mục tiêu: - Card height scale theo 1920px, không clamp px. - Text hover không bị giới hạn bằng px. - Icon chỉ scale 1 lần bằng vw, không cộng dồn cqw/clamp. ===================================================== */ @media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .elementor-26 .elementor-element.elementor-element-bf41165 { /* 1920px chuẩn: 1vw = 19.2px */ /* Layout */ --card-gap: 5vw; /* 96px tại 1920 */ --card-height: 17.4vw; /* ~334px tại 1920 */ /* Icon */ --vision-icon-normal-size: 7.92vw; /* ~152px tại 1920 */ --vision-icon-small-size: 5.83vw; /* ~112px tại 1920 */ /* Text */ --vision-title-normal-size: 2.05vw; /* ~39px tại 1920 */ --vision-title-small-size: 1.25vw; /* ~24px tại 1920 */ --vision-title-hover-size: 3vw; /* ~58px tại 1920 */ --vision-desc-hover-size: 0.94vw; /* ~18px tại 1920 */ /* Spacing */ --vision-normal-gap: 1.45vw; /* ~28px tại 1920 */ --vision-normal-padding: 1.98vw; /* ~38px tại 1920 */ --vision-small-gap: 0.94vw; /* ~18px tại 1920 */ --vision-hover-left: 3.75vw; /* 72px tại 1920 */ --vision-hover-gap: 0.83vw; /* ~16px tại 1920 */ /* Line height */ --vision-title-normal-line: 1; --vision-title-small-line: 1.08; --vision-title-hover-line: 1.1; --vision-desc-hover-line: 1.45; } /* ===================================================== KHÓA CHIỀU CAO CARD THEO TỶ LỆ Ghi đè toàn bộ clamp px cũ. ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; } .elementor-26 .elementor-element.elementor-element-bf41165 > .e-con-inner { gap: var(--card-gap) !important; } /* ===================================================== TRẠNG THÁI THƯỜNG ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165:not(:has(.vision-card-item:hover)) .vision-card-item .elementor-icon-box-wrapper { gap: var(--vision-normal-gap) !important; padding: var(--vision-normal-padding) !important; } .elementor-26 .elementor-element.elementor-element-bf41165:not(:has(.vision-card-item:hover)) .vision-card-item .elementor-icon-box-content { max-width: calc( 100% - var(--vision-icon-normal-size) - var(--vision-normal-gap) ) !important; } .elementor-26 .elementor-element.elementor-element-bf41165:not(:has(.vision-card-item:hover)) .vision-card-item .elementor-icon-box-icon { transform: none !important; } .elementor-26 .elementor-element.elementor-element-bf41165:not(:has(.vision-card-item:hover)) .vision-card-item .elementor-icon-box-icon svg { width: var(--vision-icon-normal-size) !important; height: var(--vision-icon-normal-size) !important; max-width: none !important; transform: none !important; } .elementor-26 .elementor-element.elementor-element-bf41165:not(:has(.vision-card-item:hover)) .vision-card-item .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-bf41165:not(:has(.vision-card-item:hover)) .vision-card-item .elementor-icon-box-title a { font-size: var(--vision-title-normal-size) !important; line-height: var(--vision-title-normal-line) !important; } /* ===================================================== CARD BỊ ÉP NHỎ KHI CARD KHÁC HOVER ===================================================== */ .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-wrapper { gap: var(--vision-small-gap) !important; padding: var(--vision-normal-padding) !important; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-icon { transform: none !important; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-icon svg { width: var(--vision-icon-small-size) !important; height: var(--vision-icon-small-size) !important; max-width: none !important; transform: none !important; } .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-title a { font-size: var(--vision-title-small-size) !important; line-height: var(--vision-title-small-line) !important; } /* ===================================================== CARD ĐANG HOVER ===================================================== */ /* Icon hover đang ẩn, nên không scale icon nữa để tránh cộng dồn */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-icon { opacity: 0 !important; transform: none !important; pointer-events: none !important; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-icon svg { transform: none !important; } /* Khối text hover: bỏ giới hạn px 560px / 672px */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-content { left: var(--vision-hover-left) !important; width: 60% !important; max-width: 60% !important; gap: var(--vision-hover-gap) !important; transform: translateY(-50%) !important; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-title a { font-size: var(--vision-title-hover-size) !important; line-height: var(--vision-title-hover-line) !important; } .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-description { font-size: var(--vision-desc-hover-size) !important; line-height: var(--vision-desc-hover-line) !important; width: 100% !important; max-width: 100% !important; } } /* ===================================================== PATCH ADDON - SCALE GAP THEO CHUẨN 1920PX Bổ sung cho vision-card-row. Chỉ desktop / laptop. ===================================================== */ @media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .elementor-26 .elementor-element.elementor-element-bf41165 { /* 1920px chuẩn: 1vw = 19.2px */ /* Gap giữa 3 card */ --card-gap: 5vw; /* 96px tại 1920 */ /* Gap icon + title ở trạng thái thường */ --vision-normal-gap: 1.46vw; /* 28px tại 1920 */ /* Padding trong card trạng thái thường */ --vision-normal-padding: 1.98vw; /* 38px tại 1920 */ /* Gap khi card bị ép nhỏ */ --vision-small-gap: 0.94vw; /* 18px tại 1920 */ /* Gap giữa title và description khi hover */ --vision-hover-gap: 0.83vw; /* 16px tại 1920 */ /* Khoảng text hover cách mép trái */ --vision-hover-left: 3.75vw; /* 72px tại 1920 */ } /* Gap tổng giữa 3 card */ .elementor-26 .elementor-element.elementor-element-bf41165 > .e-con-inner { gap: var(--card-gap) !important; } /* Cập nhật lại công thức width theo gap mới */ .elementor-26 .elementor-element.elementor-element-bf41165 { --normal-card-width: calc((100% - (var(--card-gap) * 2)) / 3); --active-card-width: calc((100% - (var(--card-gap) * 2)) * 0.70); --inactive-card-width: calc((100% - (var(--card-gap) * 2)) * 0.15); } /* Trạng thái thường: gap icon + title */ .elementor-26 .elementor-element.elementor-element-bf41165:not(:has(.vision-card-item:hover)) .vision-card-item .elementor-icon-box-wrapper { gap: var(--vision-normal-gap) !important; padding: var(--vision-normal-padding) !important; } /* Card bị ép nhỏ: gap icon + title */ .elementor-26 .elementor-element.elementor-element-bf41165:has(.vision-card-item:hover) .vision-card-item:not(:hover) .elementor-icon-box-wrapper { gap: var(--vision-small-gap) !important; padding: var(--vision-normal-padding) !important; } /* Card hover: gap title + mô tả */ .elementor-26 .elementor-element.elementor-element-bf41165 .vision-card-item:hover .elementor-icon-box-content { left: var(--vision-hover-left) !important; gap: var(--vision-hover-gap) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-642b3fe */vision-card-item vision-card-item vision-card-1/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0d191d */vision-card-item vision-card-item vision-card-1/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a11e84 */vision-card-item vision-card-item vision-card-1/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f907f7f *//* ===================================================== VISION CARD MOBILE - ELEMENTOR SAFE V1 Dán vào Custom CSS của CONTAINER NGOÀI CÙNG bản mobile. Class cần có: - Container ngoài cùng bản mobile: vision-card-mobile - Container con 1: vision-card-item vision-card-1 - Container con 2: vision-card-item vision-card-2 - Container con 3: vision-card-item vision-card-3 Ảnh nền: Đặt trực tiếp trong Elementor cho từng container con: Style > Background > Classic > Image Cơ chế active: - JS sẽ thêm class .is-active khi thanh đi tới mốc 1/3 màn hình. - Không dùng :hover; Elementor chỉ quản lý responsive, JS chỉ thêm .is-active. ===================================================== */ .elementor-26 .elementor-element.elementor-element-f907f7f > .e-con-inner { display: flex; flex-direction: column; align-items: stretch; gap: clamp(10px, 3.2vw, 16px); } .elementor-26 .elementor-element.elementor-element-f907f7f { --card-normal-height: clamp(58px, 18vw, 82px); /* Nút active cao hơn bản cũ khoảng 20% Bản cũ: normal * 2 Bản mới: normal * 2.4 */ --card-active-height: calc(var(--card-normal-height) * 2.6); --card-radius: 14px; --white: #ffffff; --transition: 0.34s cubic-bezier(.22, .61, .36, 1); } .elementor-26 .elementor-element.elementor-element-f907f7f > .e-con-inner { width: 100%; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item { position: relative; flex: none !important; width: 100%; min-width: 0; height: var(--card-normal-height); border-radius: var(--card-radius) !important; overflow: hidden !important; isolation: isolate; background-clip: padding-box; background-color: #ffffff; background-size: cover; background-position: left center; background-repeat: no-repeat; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); transition: height var(--transition), box-shadow var(--transition), transform var(--transition); cursor: pointer; container-type: inline-size; } .elementor-26 .elementor-element.elementor-element-f907f7f:has(.vision-card-item.is-active) .vision-card-item:not(.is-active) { flex: none !important; width: 100%; opacity: 1; transform: none; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item::before, .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit !important; overflow: hidden !important; background-clip: padding-box; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item::before { z-index: 1; opacity: 1; transition: opacity var(--transition); } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item::after { z-index: 2; opacity: 0; transition: opacity var(--transition); } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active { height: var(--card-active-height); transform: none; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22); } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active::before { opacity: 0; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active::after { opacity: 1; } /* Card 1 - xanh #009444 */ .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.vision-card-1::before { background: linear-gradient(100deg, rgba(0, 148, 68, 0.96) 0%, rgba(0, 148, 68, 0.88) 58%, rgba(0, 0, 0, 0.28) 100%) !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.vision-card-1::after { background: linear-gradient(90deg, rgba(0, 148, 68, 0.90) 0%, rgba(0, 148, 68, 0.70) 42%, rgba(0, 148, 68, 0.28) 72%, rgba(0, 148, 68, 0.00) 100%) !important; } /* Card 2 - cam #f15a29 */ .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.vision-card-2::before { background: linear-gradient(100deg, rgba(241, 90, 41, 0.96) 0%, rgba(241, 90, 41, 0.88) 58%, rgba(0, 0, 0, 0.28) 100%) !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.vision-card-2::after { background: linear-gradient(90deg, rgba(241, 90, 41, 0.90) 0%, rgba(241, 90, 41, 0.70) 42%, rgba(241, 90, 41, 0.28) 72%, rgba(241, 90, 41, 0.00) 100%) !important; } /* Card 3 - xanh dương #1f76bd */ .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.vision-card-3::before { background: linear-gradient(100deg, rgba(31, 118, 189, 0.96) 0%, rgba(31, 118, 189, 0.88) 58%, rgba(0, 0, 0, 0.28) 100%) !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.vision-card-3::after { background: linear-gradient(90deg, rgba(31, 118, 189, 0.90) 0%, rgba(31, 118, 189, 0.70) 42%, rgba(31, 118, 189, 0.28) 72%, rgba(31, 118, 189, 0.00) 100%) !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-widget-icon-box { position: absolute !important; inset: 0 !important; z-index: 3; width: 100%; height: 100%; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-wrapper { width: 100%; height: 100%; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-wrapper { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: clamp(8px, 3vw, 14px); padding: 0 clamp(12px, 4vw, 18px) !important; margin: 0 !important; box-sizing: border-box; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-content { display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 auto; min-width: 0; width: auto; height: auto; padding: 0 !important; margin: 0 !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-icon { flex: 0 0 auto; margin: 0 !important; padding: 0 !important; line-height: 0; opacity: 1; transform: none !important; transition: opacity var(--transition), transform var(--transition); } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-icon svg { display: block; width: clamp(45px, 15.75vw, 72px); height: clamp(45px, 15.75vw, 72px); } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-icon svg, .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-icon svg path { fill: var(--white) !important; color: var(--white) !important; transition: fill var(--transition), color var(--transition); } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-title { margin: 0 !important; padding: 0 !important; color: var(--white) !important; text-align: left !important; font-size: clamp(19.5px, 6.6vw, 31.5px); line-height: 1.05; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; transform: none !important; transition: color var(--transition), font-size var(--transition); } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-title a { color: var(--white) !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-title br { display: none !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item .elementor-icon-box-description { display: none !important; margin: 0 !important; padding: 0 !important; color: var(--white) !important; text-align: left; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active .elementor-icon-box-wrapper { position: relative !important; display: block !important; width: 100%; height: 100%; padding: 0 !important; transform: none !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active .elementor-icon-box-icon { opacity: 0; transform: translateY(-8px) scale(0.75) !important; pointer-events: none; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active .elementor-icon-box-content { position: absolute !important; left: clamp(16px, 5vw, 24px); right: clamp(16px, 5vw, 24px); top: 50%; transform: translateY(-50%); width: auto; max-width: none; height: auto; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; padding: 0 !important; gap: clamp(5px, 1.8vw, 9px); z-index: 5; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active .elementor-icon-box-title { width: 100%; max-width: 100% !important; margin: 0 !important; color: var(--white) !important; text-align: left !important; font-size: clamp(22px, 7.2vw, 34px); line-height: 1.08; white-space: normal !important; transform: none !important; z-index: 6; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active .elementor-icon-box-title, .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active .elementor-icon-box-title a { color: var(--white) !important; } .elementor-26 .elementor-element.elementor-element-f907f7f .vision-card-item.is-active .elementor-icon-box-description { display: block !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; margin: 0 !important; opacity: 1; color: var(--white) !important; text-align: left !important; font-size: clamp(12px, 3.7vw, 16px); line-height: 1.35; transform: none !important; z-index: 6; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6bbb80e */.elementor-26 .elementor-element.elementor-element-6bbb80e { width: 100%; aspect-ratio: 16 / 9; background-size: contain; background-position: center center; background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8d3959 *//* ===================================================== 3F+ IMAGE BOX MENU - FINAL CLEAN CSS Trạng thái: - Bình thường: 4 image box nằm ngang. - Hover/mở khối lớn bằng JS: thêm .is-open. - Click item bằng JS: thêm active-feed / active-farm / active-food / active-future và .is-active cho item đang chọn. Class cần có: - Container ngoài cùng: threef-section - Container chứa 4 item: threef-list - Item: threef-item feed / farm / food / future - BG: threef-bg feed-bg / farm-bg / food-bg / future-bg - Heading: threef-heading ===================================================== */ /* ===================================================== 0. CORE VARIABLES ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959 { /* Brand colors */ --threef-blue: #0F75BC; --threef-green: #0B9444; --threef-orange: #F0592B; /* Brand colors darkened ~20% */ --threef-blue-dark: #0C5E96; --threef-green-dark: #097636; --threef-orange-dark: #C04722; /* Section height: không khóa height để không bị footer đè */ --threef-section-min-height: 40vh; /* Normal horizontal state */ --threef-list-offset-top: 5vh; --threef-list-width: 75vw; --threef-gap: 2vw; --threef-item-normal-width: 15vw; --threef-img-normal: 15vw; --threef-title-gap: 1.4vw; /* Open state: cụm mở rộng luôn chiếm 80% chiều rộng màn hình */ --threef-open-width: 80vw; --threef-open-top-offset: 3vh; /* Mini icon row */ --threef-mini-icon-size: 7.2vw; --threef-mini-row-height: 7.8vw; --threef-mini-icon-gap: 1.8vw; --threef-mini-row-bottom-gap: calc(var(--threef-mini-icon-size) * 0.2); --threef-mini-scale: 0.86; --threef-mini-hover-scale: 1.15; --threef-mini-radius-big: 2.4vw; --threef-mini-radius-small: 0.35vw; /* Active card */ --threef-card-min-height: 15vw; --threef-card-icon-area: 18vw; --threef-card-text-width: 55vw; --threef-card-text-shift: 0vw; --threef-card-radius-main: 7vw; --threef-card-radius-sub: 1.4vw; --threef-card-padding-y: 1vw; --threef-card-padding-x: 1.4vw; --threef-card-content-gap: 0.45vw; --threef-icon-slot: 10vw; --threef-icon-active-scale: 1.25; /* Background */ --threef-bg-speed: 0.55s; --threef-bg-ease: cubic-bezier(.22, .61, .36, 1); --threef-bg-active-scale: 1.13; --threef-img-fade-start: 30%; --threef-img-fade-end: 60%; /* Motion */ --threef-speed: 0.45s; --threef-fast-speed: 0.08s; --threef-ease: cubic-bezier(.22, .61, .36, 1); position: relative !important; height: auto !important; min-height: var(--threef-section-min-height) !important; max-height: none !important; padding-top: 0 !important; padding-bottom: 0 !important; overflow: visible !important; isolation: isolate; background-color: transparent !important; } /* ===================================================== 1. GLOBAL RESET ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959, .elementor-26 .elementor-element.elementor-element-a8d3959 > .e-con-inner, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-list, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-list > .e-con-inner, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-widget-image-box, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-wrapper, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-img { overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 > .e-con-inner { width: 100% !important; max-width: none !important; height: auto !important; min-height: var(--threef-section-min-height) !important; max-height: none !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; overflow: visible !important; } /* ===================================================== 2. BACKGROUND LAYERS ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; z-index: 0 !important; pointer-events: none !important; opacity: 0 !important; visibility: hidden !important; background-size: 0 0 !important; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden !important; transform: scale(1.03); transition: opacity var(--threef-bg-speed) var(--threef-bg-ease), visibility var(--threef-bg-speed) var(--threef-bg-ease), transform 1.2s var(--threef-bg-ease) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: inherit !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; -webkit-mask-image: linear-gradient( to right, transparent 0%, transparent var(--threef-img-fade-start), rgba(0, 0, 0, 0.12) 38%, rgba(0, 0, 0, 0.34) 46%, rgba(0, 0, 0, 0.62) 54%, #000000 var(--threef-img-fade-end), #000000 100% ) !important; mask-image: linear-gradient( to right, transparent 0%, transparent var(--threef-img-fade-start), rgba(0, 0, 0, 0.12) 38%, rgba(0, 0, 0, 0.34) 46%, rgba(0, 0, 0, 0.62) 54%, #000000 var(--threef-img-fade-end), #000000 100% ) !important; transform: scale(1.03); transition: transform 1.2s var(--threef-bg-ease), opacity var(--threef-bg-speed) var(--threef-bg-ease); } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; } /* FEED / FUTURE */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg.feed-bg::after, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg.future-bg::after { background: linear-gradient( 90deg, var(--threef-blue-dark) 0%, var(--threef-blue-dark) 25%, rgba(12, 94, 150, 0.92) 33%, rgba(12, 94, 150, 0.70) 42%, rgba(12, 94, 150, 0.42) 52%, rgba(12, 94, 150, 0.16) 62%, rgba(12, 94, 150, 0.00) 72%, rgba(12, 94, 150, 0.00) 100% ) !important; } /* FARM */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg.farm-bg::after { background: linear-gradient( 90deg, var(--threef-green-dark) 0%, var(--threef-green-dark) 25%, rgba(9, 118, 54, 0.92) 33%, rgba(9, 118, 54, 0.70) 42%, rgba(9, 118, 54, 0.42) 52%, rgba(9, 118, 54, 0.16) 62%, rgba(9, 118, 54, 0.00) 72%, rgba(9, 118, 54, 0.00) 100% ) !important; } /* FOOD */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg.food-bg::after, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg.foot-bg::after { background: linear-gradient( 90deg, var(--threef-orange-dark) 0%, var(--threef-orange-dark) 25%, rgba(192, 71, 34, 0.92) 33%, rgba(192, 71, 34, 0.70) 42%, rgba(192, 71, 34, 0.42) 52%, rgba(192, 71, 34, 0.16) 62%, rgba(192, 71, 34, 0.00) 72%, rgba(192, 71, 34, 0.00) 100% ) !important; } /* Hide all BG by default */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg, .elementor-26 .elementor-element.elementor-element-a8d3959:not(.is-open) .threef-bg { opacity: 0 !important; visibility: hidden !important; transform: scale(1.03) !important; } /* Active BG by JS class */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-feed .threef-bg.feed-bg, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-farm .threef-bg.farm-bg, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-food .threef-bg.food-bg, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-future .threef-bg.future-bg { opacity: 1 !important; visibility: visible !important; transform: scale(var(--threef-bg-active-scale)) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-feed .threef-bg.feed-bg::before, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-farm .threef-bg.farm-bg::before, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-food .threef-bg.food-bg::before, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-future .threef-bg.future-bg::before { transform: scale(var(--threef-bg-active-scale)) !important; } /* ===================================================== 3. CONTENT LAYERS ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-list { position: relative !important; z-index: 5 !important; } /* ===================================================== 4. HEADING ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading .elementor-heading-title, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading h1, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading h2, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading h3 { color: #000000 !important; transition: color var(--threef-speed) var(--threef-ease), text-shadow var(--threef-speed) var(--threef-ease); } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-heading, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-heading .elementor-heading-title, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-heading .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-heading h1, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-heading h2, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-heading h3 { color: #ffffff !important; text-shadow: 0 0.2vw 0.8vw rgba(0, 0, 0, 0.18) !important; } /* ===================================================== 5. NORMAL HORIZONTAL MENU ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-list { width: var(--threef-list-width) !important; max-width: var(--threef-list-width) !important; margin-left: auto !important; margin-right: auto !important; margin-top: var(--threef-list-offset-top) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-list > .e-con-inner, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-list:not(:has(> .e-con-inner)) { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(4, var(--threef-item-normal-width)) !important; gap: var(--threef-gap) !important; justify-content: center !important; justify-items: center !important; align-items: start !important; transition: grid-template-columns var(--threef-speed) var(--threef-ease), gap var(--threef-speed) var(--threef-ease); } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item { position: relative !important; width: var(--threef-item-normal-width) !important; max-width: var(--threef-item-normal-width) !important; min-width: 0 !important; min-height: auto !important; height: auto !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; border-radius: 0 !important; box-shadow: none !important; background-color: transparent !important; cursor: pointer; transition: width var(--threef-speed) var(--threef-ease), max-width var(--threef-speed) var(--threef-ease), min-height var(--threef-speed) var(--threef-ease), transform var(--threef-speed) var(--threef-ease), box-shadow var(--threef-speed) var(--threef-ease), border-radius var(--threef-speed) var(--threef-ease), background-color var(--threef-speed) var(--threef-ease); } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-widget-image-box, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-widget-container { width: 100% !important; height: auto !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-wrapper { width: 100% !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: var(--threef-title-gap) !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; transition: flex-direction var(--threef-speed) var(--threef-ease), gap var(--threef-speed) var(--threef-ease), padding var(--threef-speed) var(--threef-ease), width var(--threef-speed) var(--threef-ease), max-width var(--threef-speed) var(--threef-ease); } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-img { width: var(--threef-img-normal) !important; max-width: none !important; margin: 0 !important; padding: 0 !important; flex: 0 0 var(--threef-img-normal) !important; line-height: 0 !important; position: relative !important; z-index: 10 !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-img a { display: block !important; width: var(--threef-img-normal) !important; height: var(--threef-img-normal) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-img img { display: block !important; width: var(--threef-img-normal) !important; height: var(--threef-img-normal) !important; max-width: none !important; object-fit: contain !important; transform-origin: center center !important; transition: transform var(--threef-speed) var(--threef-ease), width var(--threef-speed) var(--threef-ease), height var(--threef-speed) var(--threef-ease) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-title { width: var(--threef-item-normal-width) !important; max-width: var(--threef-item-normal-width) !important; margin: 0 !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; text-overflow: unset !important; line-height: 1.15 !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-title a { display: inline-block !important; overflow: visible !important; } /* Normal Image Box title colors */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.feed .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.feed .elementor-image-box-title a, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.future .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.future .elementor-image-box-title a { color: var(--threef-blue) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.farm .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.farm .elementor-image-box-title a { color: var(--threef-green) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.food .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.food .elementor-image-box-title a, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.foot .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item.foot .elementor-image-box-title a { color: var(--threef-orange) !important; } /* ===================================================== 6. DESCRIPTION DEFAULT ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-item .elementor-image-box-description { display: block !important; max-width: 0 !important; max-height: 0 !important; opacity: 0 !important; visibility: hidden !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; text-align: left !important; transition: max-width var(--threef-speed) var(--threef-ease), max-height var(--threef-speed) var(--threef-ease), opacity 0.28s ease, visibility 0.28s ease; } /* ===================================================== 7. OPEN STATE - TRUE CENTER 80VW Căn giữa bằng wrapper 80vw thật. ===================================================== */ /* Case có .e-con-inner: threef-list full, inner mới là khối 80vw căn giữa */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-list { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: var(--threef-open-top-offset) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-list > .e-con-inner { width: var(--threef-open-width) !important; max-width: var(--threef-open-width) !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: repeat(4, var(--threef-mini-icon-size)) minmax(0, 1fr) !important; grid-template-rows: var(--threef-mini-row-height) auto !important; column-gap: var(--threef-mini-icon-gap) !important; row-gap: var(--threef-mini-row-bottom-gap) !important; justify-content: start !important; justify-items: center !important; align-items: end !important; } /* Case không có .e-con-inner: chính threef-list là khối 80vw căn giữa */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-list:not(:has(> .e-con-inner)) { width: var(--threef-open-width) !important; max-width: var(--threef-open-width) !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: repeat(4, var(--threef-mini-icon-size)) minmax(0, 1fr) !important; grid-template-rows: var(--threef-mini-row-height) auto !important; column-gap: var(--threef-mini-icon-gap) !important; row-gap: var(--threef-mini-row-bottom-gap) !important; justify-content: start !important; justify-items: center !important; align-items: end !important; } /* ===================================================== 8. MINI ICON ITEMS ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item { grid-row: 1 !important; width: var(--threef-mini-icon-size) !important; max-width: var(--threef-mini-icon-size) !important; min-width: var(--threef-mini-icon-size) !important; min-height: var(--threef-mini-row-height) !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: transparent !important; border-top-left-radius: var(--threef-mini-radius-small) !important; border-top-right-radius: var(--threef-mini-radius-big) !important; border-bottom-right-radius: var(--threef-mini-radius-big) !important; border-bottom-left-radius: var(--threef-mini-radius-big) !important; box-shadow: none !important; transform: none !important; overflow: hidden !important; } /* Icon order by active state - no blank slot */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-feed .threef-item.farm, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-farm .threef-item.feed, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-food .threef-item.feed, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-future .threef-item.feed { grid-column: 1 !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-feed .threef-item.food, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-feed .threef-item.foot, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-farm .threef-item.food, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-farm .threef-item.foot, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-food .threef-item.farm, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-future .threef-item.farm { grid-column: 2 !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-feed .threef-item.future, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-farm .threef-item.future, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-food .threef-item.future, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-future .threef-item.food, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open.active-future .threef-item.foot { grid-column: 3 !important; } /* Fallback before active class exists */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-item.feed { grid-column: 1 !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-item.farm { grid-column: 2 !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-item.food, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-item.foot { grid-column: 3 !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-item.future { grid-column: 4 !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item .elementor-image-box-wrapper { width: var(--threef-mini-icon-size) !important; max-width: var(--threef-mini-icon-size) !important; height: var(--threef-mini-icon-size) !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; padding: 0 !important; gap: 0 !important; background: transparent !important; border-top-left-radius: var(--threef-mini-radius-small) !important; border-top-right-radius: var(--threef-mini-radius-big) !important; border-bottom-right-radius: var(--threef-mini-radius-big) !important; border-bottom-left-radius: var(--threef-mini-radius-big) !important; overflow: hidden !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active) .elementor-image-box-content, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active) .elementor-image-box-description { display: none !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item .elementor-image-box-img { width: var(--threef-mini-icon-size) !important; max-width: none !important; flex: 0 0 var(--threef-mini-icon-size) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item .elementor-image-box-img img { width: var(--threef-mini-icon-size) !important; height: var(--threef-mini-icon-size) !important; max-width: none !important; object-fit: contain !important; transform-origin: center center !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active) .elementor-image-box-img img { transform: scale(var(--threef-mini-scale)) !important; } /* Hover mini */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active):hover { width: var(--threef-mini-icon-size) !important; max-width: var(--threef-mini-icon-size) !important; box-shadow: 0 0.35vw 1vw rgba(0, 0, 0, 0.16) !important; overflow: hidden !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active):hover .elementor-image-box-wrapper { width: var(--threef-mini-icon-size) !important; max-width: var(--threef-mini-icon-size) !important; display: flex !important; justify-content: center !important; overflow: hidden !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active):hover .elementor-image-box-img img { transform: scale(var(--threef-mini-hover-scale)) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.feed:not(.is-active):hover, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.future:not(.is-active):hover { background-color: var(--threef-blue) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.farm:not(.is-active):hover { background-color: var(--threef-green) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.food:not(.is-active):hover, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.foot:not(.is-active):hover { background-color: var(--threef-orange) !important; } /* ===================================================== 9. ACTIVE CARD ===================================================== */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active { grid-column: 1 / -1 !important; grid-row: 2 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: var(--threef-card-min-height) !important; justify-self: stretch !important; align-self: start !important; z-index: 100 !important; overflow: hidden !important; border-top-right-radius: var(--threef-card-radius-main) !important; border-bottom-left-radius: var(--threef-card-radius-main) !important; border-top-left-radius: var(--threef-card-radius-sub) !important; border-bottom-right-radius: var(--threef-card-radius-sub) !important; box-shadow: 0 0.6vw 1.8vw rgba(0, 0, 0, 0.16) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.feed.is-active, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.future.is-active { background-color: var(--threef-blue) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.farm.is-active { background-color: var(--threef-green) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.food.is-active, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.foot.is-active { background-color: var(--threef-orange) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-wrapper { width: 100% !important; max-width: 100% !important; height: auto !important; display: grid !important; grid-template-columns: var(--threef-card-icon-area) minmax(0, var(--threef-card-text-width)) !important; column-gap: var(--threef-card-text-shift) !important; align-items: center !important; justify-content: start !important; padding: var(--threef-card-padding-y) var(--threef-card-padding-x) !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; border-top-right-radius: var(--threef-card-radius-main) !important; border-bottom-left-radius: var(--threef-card-radius-main) !important; border-top-left-radius: var(--threef-card-radius-sub) !important; border-bottom-right-radius: var(--threef-card-radius-sub) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-img { grid-column: 1 !important; grid-row: 1 !important; justify-self: center !important; align-self: center !important; width: var(--threef-icon-slot) !important; max-width: none !important; flex: none !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-img img { width: var(--threef-icon-slot) !important; height: var(--threef-icon-slot) !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-img img { transform: scale(var(--threef-icon-active-scale)) !important; transform-origin: center center !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-content { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; gap: var(--threef-card-content-gap) !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-title a { width: 100% !important; max-width: 100% !important; color: #ffffff !important; text-align: left !important; white-space: normal !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-description { width: 100% !important; max-width: 100% !important; max-height: none !important; color: #ffffff !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; text-align: left !important; white-space: normal !important; } /* ===================================================== PATCH FINAL - KHÓA KHUNG 3F+ THEO LAYOUT Mục tiêu: - Khung 3F+ không tự dãn cao khi hover / is-open. - Chiều cao khung tính theo layout, không dùng px cứng. - Nền luôn dư phía dưới một khoảng bằng size icon. - Chỉ áp dụng cho bản desktop/tablet của khối threef-section. ===================================================== */ @media (min-width: 768px) { .elementor-26 .elementor-element.elementor-element-a8d3959 { /* Nền dư phía dưới = đúng size icon thường */ --threef-bg-bottom-extra: var(--threef-img-normal); /* Không gian dự phòng cho heading */ --threef-heading-space: 5vw; /* Chiều cao trạng thái thường */ --threef-normal-frame-height: calc( var(--threef-heading-space) + var(--threef-list-offset-top) + var(--threef-img-normal) + var(--threef-title-gap) + 3vw + var(--threef-bg-bottom-extra) ); /* Chiều cao trạng thái mở */ --threef-open-frame-height: calc( var(--threef-heading-space) + var(--threef-open-top-offset) + var(--threef-mini-row-height) + var(--threef-mini-row-bottom-gap) + var(--threef-card-min-height) + var(--threef-bg-bottom-extra) ); /* Lấy chiều cao lớn hơn để khung không nhảy khi mở/đóng */ --threef-fixed-frame-height: max( var(--threef-normal-frame-height), var(--threef-open-frame-height) ); height: var(--threef-fixed-frame-height) !important; min-height: var(--threef-fixed-frame-height) !important; max-height: var(--threef-fixed-frame-height) !important; overflow: hidden !important; } /* Inner Elementor không được kéo dài section */ .elementor-26 .elementor-element.elementor-element-a8d3959 > .e-con-inner { height: 100% !important; min-height: 100% !important; max-height: 100% !important; overflow: visible !important; } /* Background phủ toàn bộ khung đã khóa */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-bg { inset: 0 !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; } /* Khi mở menu đặc biệt, khung vẫn giữ nguyên */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open { height: var(--threef-fixed-frame-height) !important; min-height: var(--threef-fixed-frame-height) !important; max-height: var(--threef-fixed-frame-height) !important; overflow: hidden !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open > .e-con-inner { height: 100% !important; min-height: 100% !important; max-height: 100% !important; overflow: visible !important; } /* List không được đẩy section cao thêm */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-list, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-list { overflow: visible !important; } /* Active card không tự cao theo text */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active { height: var(--threef-card-min-height) !important; min-height: var(--threef-card-min-height) !important; max-height: var(--threef-card-min-height) !important; overflow: hidden !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-wrapper { height: var(--threef-card-min-height) !important; min-height: var(--threef-card-min-height) !important; max-height: var(--threef-card-min-height) !important; overflow: hidden !important; } .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-content { max-height: 100% !important; overflow: hidden !important; } } /* ===================================================== PATCH - SCALE TEXT + ICON THEO CHUẨN MÀN 1920PX Chỉ áp dụng desktop / laptop. Không áp dụng mobile, mobile ngang, tablet. ===================================================== */ @media (min-width: 1200px) and (hover: hover) and (pointer: fine) { .elementor-26 .elementor-element.elementor-element-a8d3959 { /* ================================================= 1920px chuẩn: 1vw = 19.2px Công thức: size mong muốn ở 1920px / 19.2 = số vw ================================================= */ /* ICON SIZE */ --threef-img-normal: 15vw; /* 288px tại 1920 */ --threef-mini-icon-size: 7.2vw; /* ~138px tại 1920 */ --threef-mini-row-height: 7.8vw; /* ~150px tại 1920 */ --threef-icon-slot: 10vw; /* 192px tại 1920 */ /* TEXT SIZE */ --threef-heading-font-size: 2.5vw; /* 48px tại 1920 */ --threef-title-normal-font-size: 1.875vw; /* 36px tại 1920 */ --threef-title-active-font-size: 2.08vw; /* ~40px tại 1920 */ --threef-desc-active-font-size: 0.94vw; /* ~18px tại 1920 */ /* LINE HEIGHT */ --threef-title-line-height: 1.12; --threef-desc-line-height: 1.45; } /* Heading chính */ .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading .elementor-heading-title, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading h1, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading h2, .elementor-26 .elementor-element.elementor-element-a8d3959 .threef-heading h3 { font-size: var(--threef-heading-font-size) !important; line-height: 1.1 !important; } /* Icon trạng thái thường */ .elementor-26 .elementor-element.elementor-element-a8d3959:not(.is-open) .threef-item .elementor-image-box-img, .elementor-26 .elementor-element.elementor-element-a8d3959:not(.is-open) .threef-item .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-a8d3959:not(.is-open) .threef-item .elementor-image-box-img img { width: var(--threef-img-normal) !important; height: var(--threef-img-normal) !important; max-width: none !important; } /* Title trạng thái thường */ .elementor-26 .elementor-element.elementor-element-a8d3959:not(.is-open) .threef-item .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a8d3959:not(.is-open) .threef-item .elementor-image-box-title a { font-size: var(--threef-title-normal-font-size) !important; line-height: var(--threef-title-line-height) !important; } /* Icon nhỏ khi mở menu đặc biệt */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active), .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active) .elementor-image-box-wrapper, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active) .elementor-image-box-img, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active) .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item:not(.is-active) .elementor-image-box-img img { width: var(--threef-mini-icon-size) !important; height: var(--threef-mini-icon-size) !important; max-width: var(--threef-mini-icon-size) !important; } /* Icon active card */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-img, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-img img { width: var(--threef-icon-slot) !important; height: var(--threef-icon-slot) !important; max-width: none !important; } /* Title trong active card */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-title a { font-size: var(--threef-title-active-font-size) !important; line-height: var(--threef-title-line-height) !important; } /* Description trong active card */ .elementor-26 .elementor-element.elementor-element-a8d3959.is-open .threef-item.is-active .elementor-image-box-description { font-size: var(--threef-desc-active-font-size) !important; line-height: var(--threef-desc-line-height) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5910876 */.elementor-26 .elementor-element.elementor-element-5910876 { width: 100%; aspect-ratio: 16 / 9; background-size: contain; background-position: center center; background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e8e4e7c *//* ===================================================== 3F+ MOBILE - SECTION LINE 1/3 OPENS SPECIAL MENU Dán vào Custom CSS của container ngoài cùng bản mobile. Logic đúng: - Khi TOÀN KHỐI threef-mobile-section đi qua line 1/3 màn hình: JS thêm .is-open và active-feed mặc định. - Sau khi mở: 3 nút nhỏ + 1 nút to đang active. - Người dùng click nút nhỏ để đổi active. - Line 1/3 KHÔNG chọn từng item nữa. Class: - Container ngoài cùng: threef-mobile-section - Container chứa item: threef-mobile-list - Item: threef-mobile-item feed / farm / food / future - BG: threef-mobile-bg feed-bg / farm-bg / food-bg / future-bg - Heading: threef-mobile-heading Không set font-size để Elementor điều khiển title/description. ===================================================== */ /* ===================================================== 0. CORE VARIABLES ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c { --threef-blue: #0F75BC; --threef-green: #0B9444; --threef-orange: #F0592B; --threef-blue-dark: #0C5E96; --threef-green-dark: #097636; --threef-orange-dark: #C04722; /* Section */ --threef-mobile-section-padding-top: 4vh; --threef-mobile-section-padding-bottom: 8vh; /* Closed vertical menu */ --threef-mobile-closed-width: 92vw; --threef-mobile-closed-gap: 6vh; --threef-mobile-closed-item-height: 30vw; --threef-mobile-closed-icon-size: 18vw; --threef-mobile-closed-title-gap: 3vw; /* Open special menu */ --threef-mobile-open-width: 92vw; --threef-mobile-open-top-gap: 4vh; /* Mini icons */ --threef-mobile-mini-icon-size: 14vw; --threef-mobile-mini-row-height: 16vw; --threef-mobile-mini-gap: 3vw; --threef-mobile-mini-row-bottom-gap: 3vw; --threef-mobile-mini-scale: 0.86; --threef-mobile-mini-hover-scale: 1.08; --threef-mobile-mini-radius-big: 5vw; --threef-mobile-mini-radius-small: 1vw; /* Active card */ --threef-mobile-card-min-height: 46vh; --threef-mobile-card-icon-area: 26vw; --threef-mobile-card-text-width: 58vw; --threef-mobile-card-radius-main: 16vw; --threef-mobile-card-radius-sub: 4vw; --threef-mobile-card-padding-y: 5vw; --threef-mobile-card-padding-x: 4vw; --threef-mobile-card-content-gap: 2vw; --threef-mobile-active-icon-size: 22vw; --threef-mobile-active-icon-scale: 1.08; /* Background */ --threef-mobile-bg-scale: 1.08; /* Motion */ --threef-mobile-speed: 0.42s; --threef-mobile-ease: cubic-bezier(.22, .61, .36, 1); position: relative !important; isolation: isolate; overflow: hidden !important; padding-top: var(--threef-mobile-section-padding-top) !important; padding-bottom: var(--threef-mobile-section-padding-bottom) !important; background-color: transparent !important; } /* ===================================================== 1. GLOBAL RESET ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c, .elementor-26 .elementor-element.elementor-element-e8e4e7c > .e-con-inner, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-list, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-list > .e-con-inner, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-widget-image-box, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-wrapper, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-img { overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c > .e-con-inner { width: 100% !important; max-width: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; position: relative !important; z-index: 2 !important; } /* ===================================================== 2. BACKGROUND LAYERS ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-bg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important; opacity: 0 !important; visibility: hidden !important; background-size: 0 0 !important; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden !important; transform: scale(1.02); transition: opacity var(--threef-mobile-speed) var(--threef-mobile-ease), visibility var(--threef-mobile-speed) var(--threef-mobile-ease), transform 1.1s var(--threef-mobile-ease) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-bg::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: inherit !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transform: scale(1.02); transition: transform 1.1s var(--threef-mobile-ease); } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-bg::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; } /* FEED / FUTURE */ .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-bg.feed-bg::after, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-bg.future-bg::after { background: linear-gradient( 180deg, rgba(12, 94, 150, 0.94) 0%, rgba(12, 94, 150, 0.74) 34%, rgba(12, 94, 150, 0.42) 68%, rgba(12, 94, 150, 0.14) 100% ) !important; } /* FARM */ .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-bg.farm-bg::after { background: linear-gradient( 180deg, rgba(9, 118, 54, 0.94) 0%, rgba(9, 118, 54, 0.74) 34%, rgba(9, 118, 54, 0.42) 68%, rgba(9, 118, 54, 0.14) 100% ) !important; } /* FOOD */ .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-bg.food-bg::after, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-bg.foot-bg::after { background: linear-gradient( 180deg, rgba(192, 71, 34, 0.94) 0%, rgba(192, 71, 34, 0.74) 34%, rgba(192, 71, 34, 0.42) 68%, rgba(192, 71, 34, 0.14) 100% ) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.active-feed .threef-mobile-bg.feed-bg, .elementor-26 .elementor-element.elementor-element-e8e4e7c.active-farm .threef-mobile-bg.farm-bg, .elementor-26 .elementor-element.elementor-element-e8e4e7c.active-food .threef-mobile-bg.food-bg, .elementor-26 .elementor-element.elementor-element-e8e4e7c.active-future .threef-mobile-bg.future-bg { opacity: 1 !important; visibility: visible !important; transform: scale(var(--threef-mobile-bg-scale)) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.active-feed .threef-mobile-bg.feed-bg::before, .elementor-26 .elementor-element.elementor-element-e8e4e7c.active-farm .threef-mobile-bg.farm-bg::before, .elementor-26 .elementor-element.elementor-element-e8e4e7c.active-food .threef-mobile-bg.food-bg::before, .elementor-26 .elementor-element.elementor-element-e8e4e7c.active-future .threef-mobile-bg.future-bg::before { transform: scale(var(--threef-mobile-bg-scale)) !important; } /* ===================================================== 3. HEADING ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-heading, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-heading .elementor-heading-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-heading .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-heading h1, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-heading h2, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-heading h3 { position: relative !important; z-index: 3 !important; color: #000000 !important; transition: color var(--threef-mobile-speed) var(--threef-mobile-ease), text-shadow var(--threef-mobile-speed) var(--threef-mobile-ease); } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-heading, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-heading .elementor-heading-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-heading .elementor-widget-container, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-heading h1, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-heading h2, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-heading h3 { color: #ffffff !important; text-shadow: 0 0.6vw 2vw rgba(0, 0, 0, 0.22) !important; } /* ===================================================== 4. CLOSED VERTICAL MENU ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-list { position: relative !important; z-index: 3 !important; width: var(--threef-mobile-closed-width) !important; max-width: var(--threef-mobile-closed-width) !important; margin-left: auto !important; margin-right: auto !important; margin-top: 4vh !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-list > .e-con-inner, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-list:not(:has(> .e-con-inner)) { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: var(--threef-mobile-closed-gap) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item { position: relative !important; width: 100% !important; max-width: 100% !important; min-height: var(--threef-mobile-closed-item-height) !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; cursor: pointer; transition: width var(--threef-mobile-speed) var(--threef-mobile-ease), max-width var(--threef-mobile-speed) var(--threef-mobile-ease), min-height var(--threef-mobile-speed) var(--threef-mobile-ease), background-color var(--threef-mobile-speed) var(--threef-mobile-ease), border-radius var(--threef-mobile-speed) var(--threef-mobile-ease), box-shadow var(--threef-mobile-speed) var(--threef-mobile-ease); } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-widget-image-box, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-widget-container { width: 100% !important; height: auto !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-wrapper { width: 100% !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: var(--threef-mobile-closed-title-gap) !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; transition: gap var(--threef-mobile-speed) var(--threef-mobile-ease), padding var(--threef-mobile-speed) var(--threef-mobile-ease); } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-img { width: var(--threef-mobile-closed-icon-size) !important; max-width: none !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-img img { display: block !important; width: var(--threef-mobile-closed-icon-size) !important; height: var(--threef-mobile-closed-icon-size) !important; max-width: none !important; object-fit: contain !important; transform-origin: center center !important; transition: width var(--threef-mobile-speed) var(--threef-mobile-ease), height var(--threef-mobile-speed) var(--threef-mobile-ease), transform var(--threef-mobile-speed) var(--threef-mobile-ease); } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-title a { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; white-space: normal !important; overflow: visible !important; } /* Default title colors */ .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.feed .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.feed .elementor-image-box-title a, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.future .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.future .elementor-image-box-title a { color: var(--threef-blue) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.farm .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.farm .elementor-image-box-title a { color: var(--threef-green) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.food .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.food .elementor-image-box-title a, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.foot .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item.foot .elementor-image-box-title a { color: var(--threef-orange) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c .threef-mobile-item .elementor-image-box-description { display: block !important; max-width: 0 !important; max-height: 0 !important; opacity: 0 !important; visibility: hidden !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; text-align: left !important; white-space: normal !important; transition: max-width var(--threef-mobile-speed) var(--threef-mobile-ease), max-height var(--threef-mobile-speed) var(--threef-mobile-ease), opacity 0.28s ease, visibility 0.28s ease; } /* ===================================================== 5. OPEN SPECIAL MENU Khi section chạm line 1/3: mở layout đặc biệt. ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-list { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: var(--threef-mobile-open-top-gap) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-list > .e-con-inner { width: var(--threef-mobile-open-width) !important; max-width: var(--threef-mobile-open-width) !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: repeat(4, var(--threef-mobile-mini-icon-size)) minmax(0, 1fr) !important; grid-template-rows: var(--threef-mobile-mini-row-height) auto !important; column-gap: var(--threef-mobile-mini-gap) !important; row-gap: var(--threef-mobile-mini-row-bottom-gap) !important; justify-content: start !important; justify-items: center !important; align-items: end !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-list:not(:has(> .e-con-inner)) { width: var(--threef-mobile-open-width) !important; max-width: var(--threef-mobile-open-width) !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: repeat(4, var(--threef-mobile-mini-icon-size)) minmax(0, 1fr) !important; grid-template-rows: var(--threef-mobile-mini-row-height) auto !important; column-gap: var(--threef-mobile-mini-gap) !important; row-gap: var(--threef-mobile-mini-row-bottom-gap) !important; justify-content: start !important; justify-items: center !important; align-items: end !important; } /* ===================================================== 6. OPEN STATE - MINI ICONS ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item { grid-row: 1 !important; width: var(--threef-mobile-mini-icon-size) !important; max-width: var(--threef-mobile-mini-icon-size) !important; min-width: var(--threef-mobile-mini-icon-size) !important; min-height: var(--threef-mobile-mini-row-height) !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: transparent !important; border-top-left-radius: var(--threef-mobile-mini-radius-small) !important; border-top-right-radius: var(--threef-mobile-mini-radius-big) !important; border-bottom-right-radius: var(--threef-mobile-mini-radius-big) !important; border-bottom-left-radius: var(--threef-mobile-mini-radius-big) !important; box-shadow: none !important; transform: none !important; overflow: hidden !important; } /* Compress icons: no blank slot */ .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-feed .threef-mobile-item.farm, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-farm .threef-mobile-item.feed, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-food .threef-mobile-item.feed, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-future .threef-mobile-item.feed { grid-column: 1 !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-feed .threef-mobile-item.food, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-feed .threef-mobile-item.foot, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-farm .threef-mobile-item.food, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-farm .threef-mobile-item.foot, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-food .threef-mobile-item.farm, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-future .threef-mobile-item.farm { grid-column: 2 !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-feed .threef-mobile-item.future, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-farm .threef-mobile-item.future, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-food .threef-mobile-item.future, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-future .threef-mobile-item.food, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open.active-future .threef-mobile-item.foot { grid-column: 3 !important; } /* Fallback before active class exists */ .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-mobile-item.feed { grid-column: 1 !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-mobile-item.farm { grid-column: 2 !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-mobile-item.food, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-mobile-item.foot { grid-column: 3 !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open:not(.active-feed):not(.active-farm):not(.active-food):not(.active-future) .threef-mobile-item.future { grid-column: 4 !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item .elementor-image-box-wrapper { width: var(--threef-mobile-mini-icon-size) !important; max-width: var(--threef-mobile-mini-icon-size) !important; height: var(--threef-mobile-mini-icon-size) !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; padding: 0 !important; gap: 0 !important; background: transparent !important; border-top-left-radius: var(--threef-mobile-mini-radius-small) !important; border-top-right-radius: var(--threef-mobile-mini-radius-big) !important; border-bottom-right-radius: var(--threef-mobile-mini-radius-big) !important; border-bottom-left-radius: var(--threef-mobile-mini-radius-big) !important; overflow: hidden !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item:not(.is-active) .elementor-image-box-content, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item:not(.is-active) .elementor-image-box-description { display: none !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item .elementor-image-box-img { width: var(--threef-mobile-mini-icon-size) !important; max-width: none !important; flex: 0 0 var(--threef-mobile-mini-icon-size) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item .elementor-image-box-img img { width: var(--threef-mobile-mini-icon-size) !important; height: var(--threef-mobile-mini-icon-size) !important; max-width: none !important; object-fit: contain !important; transform-origin: center center !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item:not(.is-active) .elementor-image-box-img img { transform: scale(var(--threef-mobile-mini-scale)) !important; } /* ===================================================== 7. OPEN STATE - ACTIVE CARD ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active { grid-column: 1 / -1 !important; grid-row: 2 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: var(--threef-mobile-card-min-height) !important; justify-self: stretch !important; align-self: start !important; z-index: 100 !important; overflow: hidden !important; border-top-right-radius: var(--threef-mobile-card-radius-main) !important; border-bottom-left-radius: var(--threef-mobile-card-radius-main) !important; border-top-left-radius: var(--threef-mobile-card-radius-sub) !important; border-bottom-right-radius: var(--threef-mobile-card-radius-sub) !important; box-shadow: 0 1.2vw 4vw rgba(0, 0, 0, 0.18) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.feed.is-active, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.future.is-active { background-color: var(--threef-blue) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.farm.is-active { background-color: var(--threef-green) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.food.is-active, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.foot.is-active { background-color: var(--threef-orange) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-wrapper { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: var(--threef-mobile-card-min-height) !important; display: grid !important; grid-template-columns: var(--threef-mobile-card-icon-area) minmax(0, var(--threef-mobile-card-text-width)) !important; column-gap: 0 !important; align-items: center !important; justify-content: start !important; padding: var(--threef-mobile-card-padding-y) var(--threef-mobile-card-padding-x) !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; border-top-right-radius: var(--threef-mobile-card-radius-main) !important; border-bottom-left-radius: var(--threef-mobile-card-radius-main) !important; border-top-left-radius: var(--threef-mobile-card-radius-sub) !important; border-bottom-right-radius: var(--threef-mobile-card-radius-sub) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-img { grid-column: 1 !important; grid-row: 1 !important; justify-self: center !important; align-self: center !important; width: var(--threef-mobile-active-icon-size) !important; max-width: none !important; flex: none !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-img img { width: var(--threef-mobile-active-icon-size) !important; height: var(--threef-mobile-active-icon-size) !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-img img { transform: scale(var(--threef-mobile-active-icon-scale)) !important; transform-origin: center center !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-content { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; gap: var(--threef-mobile-card-content-gap) !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-title a, .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-description { color: #ffffff !important; text-align: left !important; white-space: normal !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c.is-open .threef-mobile-item.is-active .elementor-image-box-description { width: 100% !important; max-width: 100% !important; max-height: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; } /* ===================================================== 8. DESKTOP HIDE SAFETY ===================================================== */ @media (min-width: 768px) { .elementor-26 .elementor-element.elementor-element-e8e4e7c { display: none !important; } } /* ===================================================== PATCH MOBILE - CLOSED STATE ICONS HORIZONTAL Dán CUỐI CSS mobile hiện tại. Mục tiêu: - Trạng thái thường/chưa is-open: 4 icon nằm ngang. - Mỗi item vẫn là Image Box để Elementor chỉnh ảnh/chữ. - Description vẫn ẩn. - Khi section chạm line 1/3 và có .is-open: logic menu đặc biệt hiện tại giữ nguyên. ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c { --threef-mobile-closed-width: 92vw; --threef-mobile-closed-gap: 2.2vw; --threef-mobile-closed-icon-size: 18vw; --threef-mobile-closed-title-gap: 2vw; --threef-mobile-closed-item-height: auto; } /* Chỉ áp dụng khi CHƯA mở menu đặc biệt */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-list { width: var(--threef-mobile-closed-width) !important; max-width: var(--threef-mobile-closed-width) !important; margin-left: auto !important; margin-right: auto !important; margin-top: 4vh !important; } /* 4 item nằm ngang */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-list > .e-con-inner, .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-list:not(:has(> .e-con-inner)) { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; column-gap: var(--threef-mobile-closed-gap) !important; row-gap: 0 !important; align-items: start !important; justify-content: center !important; justify-items: center !important; } /* Mỗi item chiếm 1 cột */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: auto !important; height: auto !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } /* Image Box trong trạng thái thường: icon trên, title dưới */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-wrapper { width: 100% !important; max-width: 100% !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: var(--threef-mobile-closed-title-gap) !important; padding: 0 !important; background: transparent !important; box-sizing: border-box !important; overflow: visible !important; } /* Icon thường */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-img { width: var(--threef-mobile-closed-icon-size) !important; max-width: none !important; flex: 0 0 var(--threef-mobile-closed-icon-size) !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; overflow: visible !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-img a, .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-img img { display: block !important; width: var(--threef-mobile-closed-icon-size) !important; height: var(--threef-mobile-closed-icon-size) !important; max-width: none !important; object-fit: contain !important; } /* Title vẫn để Elementor điều khiển font-size */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-content { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; } .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-title a { width: 100% !important; max-width: 100% !important; text-align: center !important; white-space: normal !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* Description đóng ở trạng thái thường */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-description { display: block !important; max-width: 0 !important; max-height: 0 !important; opacity: 0 !important; visibility: hidden !important; overflow: hidden !important; } /* ===================================================== PATCH MOBILE - GIẢM SIZE TITLE ICON THƯỜNG XUỐNG 1/2 Chỉ áp dụng khi CHƯA mở menu đặc biệt. ===================================================== */ .elementor-26 .elementor-element.elementor-element-e8e4e7c { --threef-mobile-closed-title-scale: 0.5; } /* Giảm chữ tiêu đề ở trạng thái thường */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-title, .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-title a { font-size: 90% !important; line-height: 1.05 !important; text-align: center !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } /* Giảm khoảng cách giữa icon và title cho gọn hơn */ .elementor-26 .elementor-element.elementor-element-e8e4e7c:not(.is-open) .threef-mobile-item .elementor-image-box-wrapper { gap: 1vw !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-30706f9 */.elementor-26 .elementor-element.elementor-element-30706f9 { width: 100%; aspect-ratio: 2 / 2; background-size: contain; background-position: center center; background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3cf2443 */.elementor-26 .elementor-element.elementor-element-3cf2443 .elementor-heading-title{ position: relative; display: inline-flex; align-items: center; gap: 12px; } .elementor-26 .elementor-element.elementor-element-3cf2443 .elementor-widget-container .elementor-heading-title:after{ content: ''; height: 20px; width: 31px; background: url(https://dabaco.vn/wp-content/uploads/2026/03/decor-key.svg) center center no-repeat; background-size: contain; display: inline-block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-db7af36 */.elementor-26 .elementor-element.elementor-element-db7af36 .elementor-heading-title{ position: relative; display: inline-flex; align-items: center; gap: 12px; } .elementor-26 .elementor-element.elementor-element-db7af36 .elementor-widget-container .elementor-heading-title:after{ content: ''; height: 20px; width: 31px; background: url(https://dabaco.vn/wp-content/uploads/2026/03/decor-key.svg) center center no-repeat; background-size: contain; display: inline-block; }/* End custom CSS */