.elementor-582 .elementor-element.elementor-element-b8955d7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-b8955d7:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-b8955d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCAF17;}.elementor-582 .elementor-element.elementor-element-c1b0804{--display:flex;--min-height:818px;--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;--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-582 .elementor-element.elementor-element-e0e8cd8{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:52px;--margin-bottom:0px;--margin-left:76px;--margin-right:134px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-e0e8cd8.e-con{--align-self:center;}.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-582 .elementor-element.elementor-element-b87944f{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-31daa79{--display:flex;--z-index:2;}.elementor-582 .elementor-element.elementor-element-5564b81:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-582 .elementor-element.elementor-element-5564b81{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-b8bbb18{--display:flex;--position:absolute;top:0px;--z-index:1;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-b8bbb18{left:-85px;}body.rtl .elementor-582 .elementor-element.elementor-element-b8bbb18{right:-85px;}.elementor-582 .elementor-element.elementor-element-758837d:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-582 .elementor-element.elementor-element-758837d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-8db0470{--display:flex;--position:absolute;top:145px;--z-index:2;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-8db0470{left:-85px;}body.rtl .elementor-582 .elementor-element.elementor-element-8db0470{right:-85px;}.elementor-582 .elementor-element.elementor-element-81bc096:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-582 .elementor-element.elementor-element-81bc096{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-f446096{--display:flex;--position:absolute;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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:-31px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-f446096{left:941px;}body.rtl .elementor-582 .elementor-element.elementor-element-f446096{right:941px;}.elementor-582 .elementor-element.elementor-element-0947582{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-d44aba0{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-d99379c:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-582 .elementor-element.elementor-element-afee4ba{--display:flex;--min-height:1080px;--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;--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-582 .elementor-element.elementor-element-1b4438c{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-1b4438c.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-2d56752{--display:flex;--position:absolute;--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:-663px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-2d56752{left:-73px;}body.rtl .elementor-582 .elementor-element.elementor-element-2d56752{right:-73px;}.elementor-582 .elementor-element.elementor-element-2aeddb3:hover{--e-transform-scale:1.02;}.elementor-582 .elementor-element.elementor-element-2aeddb3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-2aeddb3 img{width:575px;max-width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-582 .elementor-element.elementor-element-a413c5c{width:var( --container-widget-width, 586px );max-width:586px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:586px;--container-widget-flex-grow:0;top:-197px;text-align:justify;}.elementor-582 .elementor-element.elementor-element-a413c5c.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-a413c5c{left:365px;}body.rtl .elementor-582 .elementor-element.elementor-element-a413c5c{right:365px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-582 .elementor-element.elementor-element-f3ba3e5{width:var( --container-widget-width, 419px );max-width:419px;--container-widget-width:419px;--container-widget-flex-grow:0;top:-38px;text-align:start;font-family:"CJ ONLY ONE", Sans-serif;font-weight:400;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-f3ba3e5{left:441px;}body.rtl .elementor-582 .elementor-element.elementor-element-f3ba3e5{right:441px;}.elementor-582 .elementor-element.elementor-element-d46290f{--display:flex;--position:absolute;--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:300px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-d46290f{left:-77%;}body.rtl .elementor-582 .elementor-element.elementor-element-d46290f{right:-77%;}.elementor-582 .elementor-element.elementor-element-00ac1c5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-1200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-00ac1c5.e-con{--align-self:flex-end;}.elementor-582 .elementor-element.elementor-element-037e0ac:hover{--e-transform-scale:1.02;}.elementor-582 .elementor-element.elementor-element-037e0ac img{width:100%;height:800px;}.elementor-582 .elementor-element.elementor-element-fb3ca72{--display:flex;--position:absolute;--min-height:193px;--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:36%;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-fb3ca72{left:51%;}body.rtl .elementor-582 .elementor-element.elementor-element-fb3ca72{right:51%;}.elementor-582 .elementor-element.elementor-element-e6e3540{--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:-175px;--z-index:30;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-e6e3540{left:-120px;}body.rtl .elementor-582 .elementor-element.elementor-element-e6e3540{right:-120px;}.elementor-582 .elementor-element.elementor-element-5661b5b{z-index:3;}.elementor-582 .elementor-element.elementor-element-13b03d9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-13b03d9:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-13b03d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-6aa4f98{--display:flex;--align-items:center;--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-582 .elementor-element.elementor-element-6aa4f98.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-96c67da{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-96c67da.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-49bfa63{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-227px;--margin-bottom:0px;--margin-left:98px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-d6ff0e9{--display:flex;--min-height:163px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-d6ff0e9.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-829ce43{margin:66px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-829ce43.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-a7f8451{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-a7f8451:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-a7f8451 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-a7f8451.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-b21c17e{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-b21c17e.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-ec879bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-ec879bf.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-69264f3{--display:flex;--position:absolute;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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:248px;}.elementor-582 .elementor-element.elementor-element-69264f3.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-69264f3{left:31px;}body.rtl .elementor-582 .elementor-element.elementor-element-69264f3{right:31px;}.elementor-582 .elementor-element.elementor-element-db6a27e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-db6a27e.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-c19eeb3{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-65a1ec9{--display:flex;--min-height:163px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-65a1ec9.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-d7cb40e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-d7cb40e.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-12aa9f4{--display:flex;}.elementor-582 .elementor-element.elementor-element-12aa9f4.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-470d950{text-align:start;font-family:"CJ ONLY ONE", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-582 .elementor-element.elementor-element-134ed3a{--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;}.elementor-582 .elementor-element.elementor-element-134ed3a.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-843999d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:46px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-843999d:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-843999d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-843999d.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-33199e2{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-33199e2.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-3ab41b4{width:var( --container-widget-width, 408px );max-width:408px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;--container-widget-width:408px;--container-widget-flex-grow:0;}.elementor-582 .elementor-element.elementor-element-3ab41b4.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-bf5ba55{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-93a8bc5{--display:flex;}.elementor-582 .elementor-element.elementor-element-93a8bc5.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-9650971{text-align:start;font-family:"CJ ONLY ONE", Sans-serif;font-weight:400;}.elementor-582 .elementor-element.elementor-element-005b447{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:46px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-005b447:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-005b447 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-005b447.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-6f961e9{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-582 .elementor-element.elementor-element-6bbf2fd{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-6bbf2fd:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-6bbf2fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-6bbf2fd.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-9366e07{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-83e118f{--display:flex;--min-height:143px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-83e118f.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-4f9524b{margin:0300px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-4f9524b.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-afc1819{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:170px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-afc1819:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-afc1819 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-afc1819.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-618b3bb.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-582 .elementor-element.elementor-element-d3ab3a9{--display:flex;--min-height:550px;--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:stretch;--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:00px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-d3ab3a9:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-d3ab3a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-d3ab3a9.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-85918f9{--display:flex;}.elementor-582 .elementor-element.elementor-element-1e1f0e9{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-1e1f0e9.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-2cd2529{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-dd9b782{width:var( --container-widget-width, 33% );max-width:33%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;top:-165px;text-align:center;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-dd9b782{left:435px;}body.rtl .elementor-582 .elementor-element.elementor-element-dd9b782{right:435px;}.elementor-582 .elementor-element.elementor-element-6a46b3c{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;top:-32px;text-align:center;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-6a46b3c{left:520px;}body.rtl .elementor-582 .elementor-element.elementor-element-6a46b3c{right:520px;}.elementor-582 .elementor-element.elementor-element-59c9bfc{--display:flex;--min-height:1176px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-59c9bfc:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-59c9bfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;background-image:url("https://cjfvn1.vhhc.vn/wp-content/uploads/2026/03/bbg-curve-bottom-2-2.png");background-position:bottom center;background-repeat:no-repeat;}.elementor-582 .elementor-element.elementor-element-59c9bfc.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-eed4c22{--display:flex;--min-height:1176px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-eed4c22.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-7936792{--display:flex;--position:absolute;top:-248px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-7936792{left:921px;}body.rtl .elementor-582 .elementor-element.elementor-element-7936792{right:921px;}.elementor-582 .elementor-element.elementor-element-097ade0{margin:-210px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-a3b5cb5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--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-582 .elementor-element.elementor-element-a3b5cb5:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-a3b5cb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AF1E2D;}.elementor-582 .elementor-element.elementor-element-a3b5cb5.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-a9f7209{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-100px;--margin-bottom:0px;--margin-left:100px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-a9f7209.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-1b3a2fe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-ef2e168{margin:-257px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-e59f9be{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-87px;--margin-bottom:34px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-856459b{--display:flex;--min-height:163px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-856459b.e-con{--align-self:flex-end;}.elementor-582 .elementor-element.elementor-element-c8bfe75{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-582 .elementor-element.elementor-element-c8bfe75.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-bb17a1e{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-bb17a1e.e-con{--align-self:flex-end;}.elementor-582 .elementor-element.elementor-element-73b8b60{text-align:end;font-family:"CJ ONLY ONE", Sans-serif;font-weight:400;}.elementor-582 .elementor-element.elementor-element-ee0ccf9{--display:flex;--min-height:365px;--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:flex-start;--align-items:flex-start;--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:30px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-ee0ccf9:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-ee0ccf9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AF1E2D;}.elementor-582 .elementor-element.elementor-element-ee0ccf9.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-bd187aa.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-582 .elementor-element.elementor-element-2f8c570{--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-582 .elementor-element.elementor-element-2f8c570:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-2f8c570 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCAF17;}.elementor-582 .elementor-element.elementor-element-78c6b4d{--display:flex;--min-height:699px;--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;--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-582 .elementor-element.elementor-element-78c6b4d:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-78c6b4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cjfvn1.vhhc.vn/wp-content/uploads/2026/01/cte-banner1-curve-top.png");background-position:top center;background-repeat:no-repeat;}.elementor-582 .elementor-element.elementor-element-3f1f082{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:52px;--margin-bottom:0px;--margin-left:76px;--margin-right:134px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-3f1f082.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-be3657e{--display:flex;--min-height:699px;--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;--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-582 .elementor-element.elementor-element-f53d360{--display:flex;--position:absolute;top:0px;--z-index:2;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-f53d360{left:0px;}body.rtl .elementor-582 .elementor-element.elementor-element-f53d360{right:0px;}.elementor-582 .elementor-element.elementor-element-0df1ad6:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-582 .elementor-element.elementor-element-0df1ad6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-ff01002{--display:flex;--position:absolute;top:0px;--z-index:1;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-ff01002{left:-85px;}body.rtl .elementor-582 .elementor-element.elementor-element-ff01002{right:-85px;}.elementor-582 .elementor-element.elementor-element-557e812:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-582 .elementor-element.elementor-element-557e812{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-30aeada{--display:flex;--position:absolute;top:145px;--z-index:2;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-30aeada{left:-85px;}body.rtl .elementor-582 .elementor-element.elementor-element-30aeada{right:-85px;}.elementor-582 .elementor-element.elementor-element-4b64b0e:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-582 .elementor-element.elementor-element-4b64b0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-5c6bf58{--display:flex;--position:absolute;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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:-31px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-5c6bf58{left:941px;}body.rtl .elementor-582 .elementor-element.elementor-element-5c6bf58{right:941px;}.elementor-582 .elementor-element.elementor-element-ae9c524{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-246083a{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-7849300:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-582 .elementor-element.elementor-element-0464f2d{--display:flex;--min-height:1095px;--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;--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-582 .elementor-element.elementor-element-15980be{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-15980be.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-da88921:hover{--e-transform-scale:1.02;}.elementor-582 .elementor-element.elementor-element-da88921{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:-539px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-da88921{left:-62px;}body.rtl .elementor-582 .elementor-element.elementor-element-da88921{right:-62px;}.elementor-582 .elementor-element.elementor-element-da88921 img{width:575px;max-width:100%;}.elementor-582 .elementor-element.elementor-element-0915633{width:var( --container-widget-width, 586px );max-width:586px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:586px;--container-widget-flex-grow:0;top:-83px;text-align:justify;}.elementor-582 .elementor-element.elementor-element-0915633.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-0915633{left:355px;}body.rtl .elementor-582 .elementor-element.elementor-element-0915633{right:355px;}.elementor-582 .elementor-element.elementor-element-f22bd4b{width:var( --container-widget-width, 490px );max-width:490px;--container-widget-width:490px;--container-widget-flex-grow:0;top:83px;text-align:start;font-family:"CJ ONLY ONE", Sans-serif;font-weight:400;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-f22bd4b{left:454px;}body.rtl .elementor-582 .elementor-element.elementor-element-f22bd4b{right:454px;}.elementor-582 .elementor-element.elementor-element-9ebfbc9:hover{--e-transform-scale:1.02;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-9ebfbc9{right:-0.003px;}body.rtl .elementor-582 .elementor-element.elementor-element-9ebfbc9{left:-0.003px;}.elementor-582 .elementor-element.elementor-element-9ebfbc9{top:-20.213px;}.elementor-582 .elementor-element.elementor-element-9ebfbc9 img{width:100%;height:800px;}.elementor-582 .elementor-element.elementor-element-d26ec8e{--display:flex;--position:absolute;--min-height:268px;--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:-584px;--z-index:30;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-d26ec8e{left:576px;}body.rtl .elementor-582 .elementor-element.elementor-element-d26ec8e{right:576px;}.elementor-582 .elementor-element.elementor-element-1f9b485{--display:flex;--position:absolute;--min-height:208px;--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:-352px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-1f9b485{left:962px;}body.rtl .elementor-582 .elementor-element.elementor-element-1f9b485{right:962px;}.elementor-582 .elementor-element.elementor-element-842da1c{--display:flex;--position:absolute;--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:538px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-842da1c{left:-20px;}body.rtl .elementor-582 .elementor-element.elementor-element-842da1c{right:-20px;}.elementor-582 .elementor-element.elementor-element-1800b1a{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-1800b1a.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-6642190{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-6642190:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-6642190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-6642190.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-b293030{--display:flex;--min-height:163px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-b293030.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-a3adc27{margin:66px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-a3adc27.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-b7985c1{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-b7985c1.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-6479c41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-6479c41.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-876444b{--display:flex;--position:absolute;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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:248px;}.elementor-582 .elementor-element.elementor-element-876444b.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-876444b{left:31px;}body.rtl .elementor-582 .elementor-element.elementor-element-876444b{right:31px;}.elementor-582 .elementor-element.elementor-element-c93bb0c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-c93bb0c.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-9115089{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-dd5925a{--display:flex;--min-height:163px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-dd5925a.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-adf9f2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-adf9f2b.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-10e9e87{--display:flex;}.elementor-582 .elementor-element.elementor-element-10e9e87.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-d62644d{text-align:start;font-family:"CJ ONLY ONE", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-582 .elementor-element.elementor-element-9b82378{--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;}.elementor-582 .elementor-element.elementor-element-9b82378.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-4e77c0f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:46px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-4e77c0f:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-4e77c0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-4e77c0f.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-f952863{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-f952863.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-e939217{width:var( --container-widget-width, 408px );max-width:408px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;--container-widget-width:408px;--container-widget-flex-grow:0;}.elementor-582 .elementor-element.elementor-element-e939217.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-786af90{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-d6aba69{--display:flex;}.elementor-582 .elementor-element.elementor-element-d6aba69.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-89757bd{text-align:start;font-family:"CJ ONLY ONE", Sans-serif;font-weight:400;}.elementor-582 .elementor-element.elementor-element-45eb68e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:46px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-45eb68e:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-45eb68e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-45eb68e.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-296c3ab{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-296c3ab:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-296c3ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-296c3ab.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-ba1f72a{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-105px;--margin-bottom:0px;--margin-left:98px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-39f6a88{--display:flex;--min-height:143px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-39f6a88.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-5d402b4{margin:0300px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-5d402b4.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-ef6723f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:170px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-ef6723f:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-ef6723f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-ef6723f.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-eee91b4.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-582 .elementor-element.elementor-element-9963c23{--display:flex;--min-height:550px;--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:stretch;--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:00px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-9963c23:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-9963c23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;}.elementor-582 .elementor-element.elementor-element-9963c23.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-47bc6b3{--display:flex;}.elementor-582 .elementor-element.elementor-element-b764e20{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-b764e20.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-46230c3{--display:flex;--margin-top:-37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-a75136b{width:var( --container-widget-width, 33% );max-width:33%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;top:-110px;text-align:center;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-a75136b{left:341px;}body.rtl .elementor-582 .elementor-element.elementor-element-a75136b{right:341px;}.elementor-582 .elementor-element.elementor-element-0364dd5{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;top:31px;text-align:center;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-0364dd5{left:355px;}body.rtl .elementor-582 .elementor-element.elementor-element-0364dd5{right:355px;}.elementor-582 .elementor-element.elementor-element-1204967{--display:flex;--min-height:990px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-1204967:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-1204967 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AE1E2C;background-image:url("https://cjfvn1.vhhc.vn/wp-content/uploads/2026/01/cte-cate-backgroundvang.png");background-position:bottom center;background-repeat:no-repeat;}.elementor-582 .elementor-element.elementor-element-1204967.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-36c5130{--display:flex;--position:absolute;top:-185px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-36c5130{left:735px;}body.rtl .elementor-582 .elementor-element.elementor-element-36c5130{right:735px;}.elementor-582 .elementor-element.elementor-element-90f9c9c{margin:-210px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-d7b1a12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--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-582 .elementor-element.elementor-element-d7b1a12:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-d7b1a12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AF1E2D;}.elementor-582 .elementor-element.elementor-element-d7b1a12.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-c5ea9a2{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-582 .elementor-element.elementor-element-c5ea9a2.e-con{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-a12fcf7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-4e2afee{margin:-229px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-9e2a141{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-87px;--margin-bottom:34px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-28f769c{--display:flex;--min-height:163px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-28f769c.e-con{--align-self:flex-end;}.elementor-582 .elementor-element.elementor-element-5234236{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-582 .elementor-element.elementor-element-5234236.elementor-element{--align-self:flex-start;}.elementor-582 .elementor-element.elementor-element-b67db31{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-582 .elementor-element.elementor-element-b67db31.e-con{--align-self:flex-end;}.elementor-582 .elementor-element.elementor-element-5482b1e{text-align:end;font-family:"CJ ONLY ONE", Sans-serif;font-weight:400;}.elementor-582 .elementor-element.elementor-element-bd3cedc{--display:flex;--min-height:365px;--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:flex-start;--align-items:flex-start;--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-582 .elementor-element.elementor-element-bd3cedc:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-bd3cedc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AF1E2D;}.elementor-582 .elementor-element.elementor-element-bd3cedc.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-1c104ea.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(max-width:767px){.elementor-582 .elementor-element.elementor-element-4f9524b{margin:300px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;padding:0px 0px 0px 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-2f8c570{--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-78c6b4d:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-78c6b4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cjfvn1.vhhc.vn/wp-content/uploads/2026/02/cte-top-curve.png");}.elementor-582 .elementor-element.elementor-element-78c6b4d{--width:100%;--min-height:159px;}.elementor-582 .elementor-element.elementor-element-3f1f082{--width:100px;--margin-top:-41px;--margin-bottom:0px;--margin-left:18px;--margin-right:0px;}.elementor-582 .elementor-element.elementor-element-be3657e{--min-height:187px;--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;}.elementor-582 .elementor-element.elementor-element-be3657e.e-con{--align-self:flex-end;}.elementor-582 .elementor-element.elementor-element-f53d360{--width:150px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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:-19px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-f53d360{left:238px;}body.rtl .elementor-582 .elementor-element.elementor-element-f53d360{right:238px;}.elementor-582 .elementor-element.elementor-element-ff01002{--width:100px;top:-57px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-ff01002{left:202px;}body.rtl .elementor-582 .elementor-element.elementor-element-ff01002{right:202px;}.elementor-582 .elementor-element.elementor-element-30aeada{--width:100px;top:0px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-30aeada{left:202px;}body.rtl .elementor-582 .elementor-element.elementor-element-30aeada{right:202px;}.elementor-582 .elementor-element.elementor-element-5c6bf58{--width:60px;top:-192px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-5c6bf58{left:286px;}body.rtl .elementor-582 .elementor-element.elementor-element-5c6bf58{right:286px;}.elementor-582 .elementor-element.elementor-element-0464f2d{--width:100%;--min-height:159px;}.elementor-582 .elementor-element.elementor-element-15980be{--width:180px;--margin-top:0px;--margin-bottom:0px;--margin-left:-20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-da88921{left:-15px;}body.rtl .elementor-582 .elementor-element.elementor-element-da88921{right:-15px;}.elementor-582 .elementor-element.elementor-element-da88921{top:-55px;}.elementor-582 .elementor-element.elementor-element-0915633{--container-widget-width:178px;--container-widget-flex-grow:0;width:var( --container-widget-width, 178px );max-width:178px;top:-168px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-0915633{left:13px;}body.rtl .elementor-582 .elementor-element.elementor-element-0915633{right:13px;}.elementor-582 .elementor-element.elementor-element-f22bd4b{--container-widget-width:230px;--container-widget-flex-grow:0;width:var( --container-widget-width, 230px );max-width:230px;top:-97px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-f22bd4b{left:12px;}body.rtl .elementor-582 .elementor-element.elementor-element-f22bd4b{right:12px;}.elementor-582 .elementor-element.elementor-element-9ebfbc9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-9ebfbc9 img{width:100%;height:249px;}.elementor-582 .elementor-element.elementor-element-d26ec8e{--min-height:126px;top:-138px;--z-index:90;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-d26ec8e{left:93px;}body.rtl .elementor-582 .elementor-element.elementor-element-d26ec8e{right:93px;}.elementor-582 .elementor-element.elementor-element-1f9b485{--width:20px;--min-height:0px;top:31px;--z-index:90;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-1f9b485{left:80vw;}body.rtl .elementor-582 .elementor-element.elementor-element-1f9b485{right:80vw;}.elementor-582 .elementor-element.elementor-element-842da1c{--width:150px;top:253px;--z-index:6;}.elementor-582 .elementor-element.elementor-element-1800b1a:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-1800b1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cjfvn1.vhhc.vn/wp-content/uploads/2026/02/cte-curve-bottom-mobile.png");background-position:top center;background-repeat:no-repeat;}.elementor-582 .elementor-element.elementor-element-1800b1a{--min-height:184px;}.elementor-582 .elementor-element.elementor-element-6642190{--width:100%;--align-items:center;--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-582 .elementor-element.elementor-element-6642190.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-b293030{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:16px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-582 .elementor-element.elementor-element-b293030.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-a3adc27{padding:0px 0px 0px 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-b7985c1{--width:90%;}.elementor-582 .elementor-element.elementor-element-b7985c1.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-876444b{--width:200px;top:334px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-876444b{left:22px;}body.rtl .elementor-582 .elementor-element.elementor-element-876444b{right:22px;}.elementor-582 .elementor-element.elementor-element-9115089{--width:90%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:60px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-9115089.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-dd5925a{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-dd5925a.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-adf9f2b{text-align:center;}.elementor-582 .elementor-element.elementor-element-10e9e87{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-d62644d{text-align:center;}.elementor-582 .elementor-element.elementor-element-9b82378{--width:90%;--min-height:100px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 12px;--row-gap:16px;--column-gap:12px;--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-582 .elementor-element.elementor-element-9b82378.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-582 .elementor-element.elementor-element-57c5131.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-582 .elementor-element.elementor-element-7d823a7.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-582 .elementor-element.elementor-element-ae63a0f.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-582 .elementor-element.elementor-element-7dca629.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-582 .elementor-element.elementor-element-e939217{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-89757bd{text-align:center;}.elementor-582 .elementor-element.elementor-element-ba1f72a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-582 .elementor-element.elementor-element-ba1f72a.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-a75136b{--container-widget-width:137px;--container-widget-flex-grow:0;width:var( --container-widget-width, 137px );max-width:137px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-a75136b{left:28px;}body.rtl .elementor-582 .elementor-element.elementor-element-a75136b{right:28px;}.elementor-582 .elementor-element.elementor-element-0364dd5{width:var( --container-widget-width, 215px );max-width:215px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:215px;--container-widget-flex-grow:0;top:-35px;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-0364dd5{left:-10px;}body.rtl .elementor-582 .elementor-element.elementor-element-0364dd5{right:-10px;}.elementor-582 .elementor-element.elementor-element-1204967{--width:95%;}body:not(.rtl) .elementor-582 .elementor-element.elementor-element-36c5130{left:450px;}body.rtl .elementor-582 .elementor-element.elementor-element-36c5130{right:450px;}.elementor-582 .elementor-element.elementor-element-90f9c9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -75px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-d7b1a12{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-582 .elementor-element.elementor-element-c5ea9a2{--width:200px;--margin-top:-67px;--margin-bottom:-19px;--margin-left:-19px;--margin-right:-19px;}.elementor-582 .elementor-element.elementor-element-9e2a141{--margin-top:-100px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-5234236.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-b67db31{--margin-top:-52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-582 .elementor-element.elementor-element-5482b1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}}@media(min-width:768px){.elementor-582 .elementor-element.elementor-element-b8955d7{--content-width:100%;}.elementor-582 .elementor-element.elementor-element-c1b0804{--width:1200px;}.elementor-582 .elementor-element.elementor-element-e0e8cd8{--width:28%;}.elementor-582 .elementor-element.elementor-element-b87944f{--width:48%;}.elementor-582 .elementor-element.elementor-element-b8bbb18{--width:40%;}.elementor-582 .elementor-element.elementor-element-8db0470{--width:40%;}.elementor-582 .elementor-element.elementor-element-f446096{--width:13%;}.elementor-582 .elementor-element.elementor-element-afee4ba{--width:1200px;}.elementor-582 .elementor-element.elementor-element-2d56752{--width:600px;}.elementor-582 .elementor-element.elementor-element-d46290f{--width:733px;}.elementor-582 .elementor-element.elementor-element-00ac1c5{--width:724px;}.elementor-582 .elementor-element.elementor-element-fb3ca72{--width:80px;}.elementor-582 .elementor-element.elementor-element-e6e3540{--width:852px;}.elementor-582 .elementor-element.elementor-element-6aa4f98{--width:1440px;}.elementor-582 .elementor-element.elementor-element-96c67da{--width:1200px;}.elementor-582 .elementor-element.elementor-element-49bfa63{--width:32%;}.elementor-582 .elementor-element.elementor-element-d6ff0e9{--width:360px;}.elementor-582 .elementor-element.elementor-element-b21c17e{--width:48%;}.elementor-582 .elementor-element.elementor-element-69264f3{--width:26%;}.elementor-582 .elementor-element.elementor-element-c19eeb3{--width:31%;}.elementor-582 .elementor-element.elementor-element-12aa9f4{--width:500px;}.elementor-582 .elementor-element.elementor-element-134ed3a{--width:500px;}.elementor-582 .elementor-element.elementor-element-843999d{--content-width:1200px;}.elementor-582 .elementor-element.elementor-element-33199e2{--width:48%;}.elementor-582 .elementor-element.elementor-element-bf5ba55{--width:44%;}.elementor-582 .elementor-element.elementor-element-93a8bc5{--width:500px;}.elementor-582 .elementor-element.elementor-element-005b447{--content-width:1200px;}.elementor-582 .elementor-element.elementor-element-6bbf2fd{--content-width:1001px;}.elementor-582 .elementor-element.elementor-element-9366e07{--width:100%;}.elementor-582 .elementor-element.elementor-element-83e118f{--width:570px;}.elementor-582 .elementor-element.elementor-element-1e1f0e9{--width:1440px;}.elementor-582 .elementor-element.elementor-element-2cd2529{--width:100%;}.elementor-582 .elementor-element.elementor-element-eed4c22{--width:1440px;}.elementor-582 .elementor-element.elementor-element-7936792{--width:18%;}.elementor-582 .elementor-element.elementor-element-a9f7209{--width:750px;}.elementor-582 .elementor-element.elementor-element-e59f9be{--width:37%;}.elementor-582 .elementor-element.elementor-element-856459b{--width:360px;}.elementor-582 .elementor-element.elementor-element-bb17a1e{--width:500px;}.elementor-582 .elementor-element.elementor-element-ee0ccf9{--width:100%;}.elementor-582 .elementor-element.elementor-element-2f8c570{--width:100%;}.elementor-582 .elementor-element.elementor-element-3f1f082{--width:28%;}.elementor-582 .elementor-element.elementor-element-ff01002{--width:40%;}.elementor-582 .elementor-element.elementor-element-30aeada{--width:40%;}.elementor-582 .elementor-element.elementor-element-5c6bf58{--width:13%;}.elementor-582 .elementor-element.elementor-element-d26ec8e{--width:52%;}.elementor-582 .elementor-element.elementor-element-1f9b485{--width:9%;}.elementor-582 .elementor-element.elementor-element-842da1c{--width:35%;}.elementor-582 .elementor-element.elementor-element-b293030{--width:360px;}.elementor-582 .elementor-element.elementor-element-b7985c1{--width:48%;}.elementor-582 .elementor-element.elementor-element-876444b{--width:26%;}.elementor-582 .elementor-element.elementor-element-9115089{--width:44%;}.elementor-582 .elementor-element.elementor-element-10e9e87{--width:500px;}.elementor-582 .elementor-element.elementor-element-9b82378{--width:500px;}.elementor-582 .elementor-element.elementor-element-f952863{--width:48%;}.elementor-582 .elementor-element.elementor-element-786af90{--width:44%;}.elementor-582 .elementor-element.elementor-element-d6aba69{--width:500px;}.elementor-582 .elementor-element.elementor-element-ba1f72a{--width:27%;}.elementor-582 .elementor-element.elementor-element-39f6a88{--width:570px;}.elementor-582 .elementor-element.elementor-element-b764e20{--width:88%;}.elementor-582 .elementor-element.elementor-element-46230c3{--width:100%;}.elementor-582 .elementor-element.elementor-element-36c5130{--width:21%;}.elementor-582 .elementor-element.elementor-element-c5ea9a2{--width:39%;}.elementor-582 .elementor-element.elementor-element-9e2a141{--width:53%;}.elementor-582 .elementor-element.elementor-element-28f769c{--width:360px;}.elementor-582 .elementor-element.elementor-element-b67db31{--width:500px;}.elementor-582 .elementor-element.elementor-element-bd3cedc{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-5564b81 *//* 1. Vòng hào quang tia sáng xoay quanh tô (Dùng ::before) */
.elementor-582 .elementor-element.elementor-element-5564b81::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 120%;
transform: translate(-50%, -50%);
background: conic-gradient(from 0deg,
transparent 0deg,
rgba(255, 220, 150, 0) 40deg,
rgba(255, 200, 100, 0.4) 45deg,
rgba(255, 220, 150, 0) 50deg,
transparent 360deg);
border-radius: 50%;
animation: cjRayRotate 10s linear infinite;
pointer-events: none;
z-index: -1;
filter: blur(15px);
}
/* 2. Hiệu ứng mảnh vụn chả giò bắn ra (Dùng ::after) */
.elementor-582 .elementor-element.elementor-element-5564b81::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-radius: 50%;
pointer-events: none;
/* Tạo nhiều mảnh vụn bằng box-shadow */
box-shadow:
100px -80px 0 #d4a373,
-120px 60px 0 #bc6c25,
80px 120px 0 #9b4221,
-90px -110px 0 #dda15e;
opacity: 0;
animation: cjDebrisFly 4s ease-out infinite;
}
/* 3. Hiệu ứng đĩa chả giò lơ lửng (Giữ nguyên và tối ưu) */
.elementor-582 .elementor-element.elementor-element-5564b81 img {
position: relative;
animation: cjSuperFloat 8s ease-in-out infinite;
transform-style: preserve-3d;
perspective: 1000px;
will-change: transform;
filter: drop-shadow(15px 35px 30px rgba(0,0,0,0.25));
z-index: 2;
}
/* --- ĐỊNH NGHĨA CÁC ANIMATION --- */
/* Xoay vòng hào quang */
@keyframes cjRayRotate {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}
/* Mảnh vụn bắn ra và tan biến */
@keyframes cjDebrisFly {
0% {
transform: translate(-50%, -50%) scale(0.2);
opacity: 0;
}
20% {
opacity: 0.8;
}
100% {
transform: translate(-50%, -50%) scale(1.8) rotate(45deg);
opacity: 0;
/* Mở rộng khoảng cách bắn ra của các mảnh vụn */
box-shadow:
250px -200px 5px #d4a373,
-280px 150px 5px #bc6c25,
180px 280px 5px #9b4221,
-220px -260px 5px #dda15e;
}
}
/* Lơ lửng đĩa chả giò */
@keyframes cjSuperFloat {
0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg) scale(1); }
25% { transform: translateY(-12px) rotateX(4deg) rotateY(2deg) scale(1.01); }
50% { transform: translateY(-25px) rotateX(-2deg) rotateY(-4deg) scale(1.03); }
75% { transform: translateY(-10px) rotateX(2deg) rotateY(3deg) scale(1.01); }
}
/* Đảm bảo Container không bị cắt mất hiệu ứng */
.elementor-582 .elementor-element.elementor-element-5564b81 {
overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1b0804 */.top-bbg {
position: relative;
}
.top-bbg::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
/* giữ đúng size gốc của hình, không stretch
height: 606px; thay bằng height thực của file png */
background-image: url('/wp-content/uploads/2026/03/cte-top-curve-1.png');
background-repeat: no-repeat;
background-size: cover 100%; /* width tự scale theo height gốc */
background-position: center top;
z-index: 0;
pointer-events: none;
}
.top-bbg > * {
position: relative;
z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d56752 *//* BẢN KHÓI SIÊU HIỂN THỊ - DÙNG GRADIENT THAY CHO BLUR */
.cj-gourmet-ripple::before,
.cj-gourmet-ripple::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 100px !important; /* Tăng kích thước khói to hơn */
height: 100px !important;
/* Dùng màu trắng rõ nét ở tâm và mờ dần ra rìa */
background: radial-gradient(circle, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 70%) !important;
border-radius: 50% !important;
pointer-events: none !important;
z-index: 9999 !important;
opacity: 0;
}
.cj-gourmet-ripple::before {
animation: cj-smoke-visible-1 5s infinite linear !important;
}
.cj-gourmet-ripple::after {
animation: cj-smoke-visible-2 5s infinite linear !important;
animation-delay: 2.5s !important;
}
@keyframes cj-smoke-visible-1 {
0% {
transform: translate(-50%, 0) scale(0.3);
opacity: 0;
}
20% {
opacity: 0.8; /* Hiện rõ khói */
}
100% {
transform: translate(-120%, -250px) scale(3);
opacity: 0;
}
}
@keyframes cj-smoke-visible-2 {
0% {
transform: translate(-50%, 0) scale(0.3);
opacity: 0;
}
20% {
opacity: 0.7;
}
100% {
transform: translate(120%, -220px) scale(2.5);
opacity: 0;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a413c5c */.elementor-582 .elementor-element.elementor-element-a413c5c,
.elementor-582 .elementor-element.elementor-element-a413c5c .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 28pt !important;
color: #FFFFFF !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-a413c5c{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-a413c5c .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-a413c5c .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-a413c5c .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f3ba3e5 */.elementor-582 .elementor-element.elementor-element-f3ba3e5,
.elementor-582 .elementor-element.elementor-element-f3ba3e5 p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 17px !important;
line-height: 1.6;
color: #FFF;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afee4ba */.bot-bbg {
position: relative;
}
.bot-bbg::before {
content: "";
position: absolute;
bottom: 0; /* dính đáy */
top: auto; /* bỏ top */
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 706px;
background-image: url('/wp-content/uploads/2026/03/cte-curve-bottom-2.png');
background-repeat: no-repeat;
background-position: center bottom;
z-index: 0;
pointer-events: none;
}
.bot-bbg > * {
position: relative;
z-index: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-829ce43 */.elementor-582 .elementor-element.elementor-element-829ce43,
.elementor-582 .elementor-element.elementor-element-829ce43 .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 38pt !important;
color: #fff !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-829ce43{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-829ce43 .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-829ce43 .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-829ce43 .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}
/* ===== Letter-spacing BOUNCE on hover (smooth + slower) ===== */
/* Base */
.elementor-582 .elementor-element.elementor-element-829ce43 .elementor-heading-title{
letter-spacing: 0em; /* base */
display: inline-block;
overflow: hidden;
/* để tránh bị giật khi chạy animation */
will-change: letter-spacing, transform;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ec879bf *//* =========================================================
CJ SHIMMER (LOOP, NO HOVER) — FIX:
- Control END position (không lấn ra viền phải)
- Fade-out về 0 khi kết thúc sweep (biến mất hẳn)
- Optional gap giữa mỗi lần sweep (nhưng invisible, không đứng im lộ)
========================================================= */
.cj-shimmer{
position: relative;
border-radius: 16px;
isolation: isolate;
overflow: visible; /* để không ảnh hưởng floatdepth nếu có */
}
.cj-shimmer img{
display:block;
width:100%;
height:auto;
border-radius: 16px;
}
/* ====== CONTROLS (EDIT HERE) ====== */
.cj-shimmer{
/* Region shimmer chỉ nằm trong mâm cơm (tính theo %) */
--sx: 16%; /* left */
--sy: 8%; /* top */
--sw: 72%; /* width */
--sh: 66%; /* height */
/* Shimmer look */
--shim-angle: 90deg;
--shim-rot: 0deg;
--shim-alpha: .32; /* độ sáng */
/* ===== Motion controls ===== */
--shim-dur: 1200ms; /* thời gian sweep */
--shim-gap: 1400ms; /* nghỉ giữa sweep (invisible) */
--shim-delay: 0ms; /* delay lần đầu */
/* IMPORTANT: control vị trí START/END theo trục X
- Nếu vẫn lấn ra phải: giảm --shim-x-end (vd 55% -> 45%)
- Nếu sweep chưa tới: tăng --shim-x-end
*/
--shim-x-start: -26%; /* start X */
--shim-x-end: 30%; /* end X */
/* Optional: nếu muốn band hẹp/rộng hơn */
--shim-inset: -8%; /* vùng pseudo lớn hơn box để band đủ dài */
}
/* Shimmer layer */
.cj-shimmer::after{
content:"";
position:absolute;
inset: var(--shim-inset);
z-index:2;
pointer-events:none;
background: linear-gradient(var(--shim-angle),
rgba(255,255,255,0) 35%,
rgba(255,255,255,var(--shim-alpha)) 50%,
rgba(255,255,255,0) 65%
);
/* Clip đúng vùng mâm cơm */
clip-path: inset(
var(--sy)
calc(100% - (var(--sx) + var(--sw)))
calc(100% - (var(--sy) + var(--sh)))
var(--sx)
round 18px
);
transform: translate3d(var(--shim-x-start), 0, 0) rotate(var(--shim-rot));
opacity: 0;
will-change: transform, opacity;
/* Loop sweep + gap (invisible) */
animation: cjShimmerLoop calc(var(--shim-dur) + var(--shim-gap))
cubic-bezier(.2,.8,.8,1)
var(--shim-delay)
infinite;
}
/* Keyframes:
- 0%: invisible ở start
- 8%: fade in
- 50%: chạy tới end (opacity vẫn cao)
- 70%: fade out về 0 (đã tới end)
- 100%: giữ invisible trong gap
*/
@keyframes cjShimmerLoop{
0%{
transform: translate3d(var(--shim-x-start), 0, 0) rotate(var(--shim-rot));
opacity: 0;
}
8%{
opacity: 1;
}
50%{
transform: translate3d(var(--shim-x-end), 0, 0) rotate(var(--shim-rot));
opacity: 1;
}
70%{
transform: translate3d(var(--shim-x-end), 0, 0) rotate(var(--shim-rot));
opacity: 0;
}
100%{
transform: translate3d(var(--shim-x-end), 0, 0) rotate(var(--shim-rot));
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.cj-shimmer::after{
animation:none !important;
opacity: .18 !important;
transform: translate3d(0,0,0) rotate(var(--shim-rot)) !important;
}
}
/* =========================================================
CJ FLOATDEPTH (ZOOM TRÀN RA, KHÔNG BỊ CROP)
- Wrapper: .cj-floatdepth
- Inner clip layer: .cj-floatdepth__clip (tạo bằng ::before/::after + direct child)
Cách dùng (khuyến nghị):
Nếu hiện tại markup của mày chỉ có
thì CSS bên dưới vẫn xử lý bằng pseudo "clip", KHÔNG cần sửa HTML,
nhưng bo góc sẽ áp lên img và một lớp overlay.
========================================================= */
.cj-floatdepth{
position: relative;
display:block;
/* QUAN TRỌNG: cho tràn */
overflow: visible;
/* radius giữ ở wrapper để đồng bộ */
border-radius: 16px;
transition: transform 900ms cubic-bezier(.2,.8,.2,1);
will-change: transform;
}
/* Nếu mày có thể thêm inner div .cj-floatdepth__clip thì clip chuẩn nhất */
.cj-floatdepth__clip{
position: relative;
overflow: hidden; /* clip chỉ ở layer này */
border-radius: 16px;
}
/* Fallback: nếu KHÔNG có .cj-floatdepth__clip, vẫn bo góc ảnh */
.cj-floatdepth > img{
border-radius: 16px;
}
/* Image (works for both structures) */
.cj-floatdepth img{
display:block;
width:100%;
height:auto;
transform: scale(1);
transform-origin: 50% 50%;
transition: transform 900ms cubic-bezier(.2,.8,.2,1), filter 900ms ease;
will-change: transform, filter;
}
/* Hover float */
.cj-floatdepth:hover{
transform: translateY(-8px);
}
/* Hover zoom TRÀN (không crop vì wrapper overflow visible) */
.cj-floatdepth:hover img{
transform: scale(1.08); /* EDIT: zoom lớn hơn */
filter: drop-shadow(0 18px 30px rgba(0,0,0,.28));
}
/* Ambient float */
.cj-floatdepth.is-ambient{
animation: cjFloat 5.8s ease-in-out infinite;
}
@keyframes cjFloat{
0%{ transform: translateY(0); }
50%{ transform: translateY(-10px); }
100%{ transform: translateY(0); }
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.cj-floatdepth.is-ambient{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d7cb40e */.elementor-582 .elementor-element.elementor-element-d7cb40e,
.elementor-582 .elementor-element.elementor-element-d7cb40e .elementor-heading-title{
font-family: "Protest strike" !important;
font-weight: 800 !important;
font-size: 22pt !important;
line-height: 1.2 !important;
color: #fff
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-d7cb40e{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-d7cb40e .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-d7cb40e .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-d7cb40e .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-470d950 */.elementor-582 .elementor-element.elementor-element-470d950,
.elementor-582 .elementor-element.elementor-element-470d950 p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.6;
color:#fff;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ab41b4 */.elementor-582 .elementor-element.elementor-element-3ab41b4,
.elementor-582 .elementor-element.elementor-element-3ab41b4 .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 38pt !important;
color: #fff !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-3ab41b4{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-3ab41b4 .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-3ab41b4 .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-3ab41b4 .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9650971 */.elementor-582 .elementor-element.elementor-element-9650971,
.elementor-582 .elementor-element.elementor-element-9650971 p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.6;
color:#fff;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f9524b */.elementor-582 .elementor-element.elementor-element-4f9524b,
.elementor-582 .elementor-element.elementor-element-4f9524b .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 4500 !important;
font-size: 18pt !important;
color: #fff !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-4f9524b{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-4f9524b .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-4f9524b .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-4f9524b .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dd9b782 */.elementor-582 .elementor-element.elementor-element-dd9b782,
.elementor-582 .elementor-element.elementor-element-dd9b782 .elementor-heading-title{
font-family: "Protest Strike", sans-serif !important;
font-size: 60px !important; /* Elementor dùng px, pt dễ lệch */
font-weight: 800 !important;
color: #FFF !important;
line-height: 1.1;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6a46b3c */.elementor-582 .elementor-element.elementor-element-6a46b3c,
.elementor-582 .elementor-element.elementor-element-6a46b3c p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 12px !important;
color: #FFFFFF !important;
line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eed4c22 *//* =========================================================
CTE Category (Poster layout - free positioning)
- Layout tự do: mỗi category wrapper đặt ABSOLUTE bằng Elementor (top/left)
- Mỗi wrapper chứa:
(1) .cte-cat__imgwrap : container ảnh món
(2) .cte-cat__stickerwrap : container sticker
- Hover: food zoom nhẹ + sticker hiện ra với motion riêng từng category
========================================================= */
/* Nếu dán trong Elementor Custom CSS của container cha (canvas tổng),
".elementor-582 .elementor-element.elementor-element-eed4c22" chính là container đó */
.elementor-582 .elementor-element.elementor-element-eed4c22{
position: relative; /* tạo hệ tọa độ cho các wrapper absolute */
overflow: visible; /* sticker nhô ra không bị cắt */
}
/* -------------------------
WRAPPER CHUNG
------------------------- */
.cte-cat{
position: absolute; /* Elementor đặt top/left cho từng category */
overflow: visible; /* sticker không bị cắt */
transform: translateZ(0); /* mượt transform */
}
/* -------------------------
FOOD IMAGE (zoom nhẹ)
------------------------- */
.cte-cat .cte-cat__imgwrap img{
display: block; /* tránh gap inline ảnh */
transform: scale(1); /* trạng thái ban đầu */
transition: transform .35s ease; /* tốc độ zoom */
will-change: transform; /* tối ưu animation */
}
.cte-cat:hover .cte-cat__imgwrap img{
transform: scale(1.15); /* chỉnh 1.04–1.08 tuỳ ý */
}
/* -------------------------
STICKER BASE (ẩn)
- Mỗi category sẽ override transform riêng để tạo motion khác nhau
------------------------- */
.cte-cat .cte-cat__stickerwrap{
position: absolute; /* sticker bay tự do trong wrapper */
z-index: 10; /* lên trên ảnh món */
opacity: 0; /* ẩn ban đầu */
pointer-events: none; /* hover không bị rớt khi rê qua sticker */
/* transition chung: mượt và ổn định */
transition:
opacity .22s ease,
transform .34s cubic-bezier(.22,.61,.36,1);
}
/* Khi hover: hiện sticker (transform cụ thể sẽ do từng category set) */
.cte-cat:hover .cte-cat__stickerwrap{
opacity: 1;
}
/* =========================================================
CATEGORY-SPECIFIC MOTIONS + POSITIONS
(Mày chỉnh top/left/right/bottom theo đúng design)
========================================================= */
/* =========================================================
1) XỐT NẤU — Slide UP + slight rotate (nhô lên từ dưới)
- Sticker nằm TRÊN ảnh
========================================================= */
.cte-cat--xotnau .cte-cat__stickerwrap{
top: -60px; /* vị trí cuối khi hiện */
left: 30px;
/* Ẩn: ở thấp hơn + hơi xoay */
transform: translateY(28px) rotate(-8deg) scale(.98);
}
.cte-cat--xotnau:hover .cte-cat__stickerwrap{
/* Hiện: trượt lên + thẳng lại */
transform: translateY(0) rotate(0deg) scale(1);
}
/* =========================================================
2) CHẢ GIÒ — Pop (scale) + tiny wobble
- Sticker nằm TRÊN ảnh, canh giữa
========================================================= */
.cte-cat--chagio .cte-cat__stickerwrap{
top: -65px;
left: 50%;
/* Ẩn: nhỏ + hơi xoay */
transform: translate(-50%, 0) scale(.70) rotate(-10deg);
}
.cte-cat--chagio:hover .cte-cat__stickerwrap{
/* Hiện: pop lên size chuẩn + xoay về */
transform: translate(-50%, 0) scale(1) rotate(0deg);
}
/* =========================================================
3) DIMSUM — Slide IN from RIGHT (bay từ phải vào)
- Sticker nằm TRÊN ảnh, góc phải
========================================================= */
.cte-cat--dimsum .cte-cat__stickerwrap{
top: -65px;
right: 10px;
left: auto;
/* Ẩn: lệch sang phải + hơi xoay */
transform: translateX(26px) translateY(6px) rotate(10deg) scale(.98);
}
.cte-cat--dimsum:hover .cte-cat__stickerwrap{
/* Hiện: trượt vào + thẳng lại */
transform: translateX(0) translateY(0) rotate(0deg) scale(1);
}
/* =========================================================
4) BỘT — Drop IN (rơi nhẹ từ trên xuống)
- Sticker nằm TRÊN ảnh, góc trái
========================================================= */
.cte-cat--bot .cte-cat__stickerwrap{
top: -35px;
left: 20px;
/* Ẩn: cao hơn + hơi xoay */
transform: translateY(-18px) rotate(-12deg) scale(.96);
}
.cte-cat--bot:hover .cte-cat__stickerwrap{
/* Hiện: rơi xuống đúng chỗ */
transform: translateY(0) rotate(0deg) scale(1);
}
/* =========================================================
5) CƠM — Slide UP + slight scale (dịu, sang)
- Sticker nằm TRÊN ảnh
========================================================= */
.cte-cat--com .cte-cat__stickerwrap{
top: -55px;
left: 60px;
/* Ẩn: ở thấp hơn, ít xoay */
transform: translateY(18px) rotate(4deg) scale(.95);
}
.cte-cat--com:hover .cte-cat__stickerwrap{
/* Hiện: lên nhẹ */
transform: translateY(0) rotate(0deg) scale(1);
}
/* =========================================================
6) GIÒ CHẢ — Rise UP from BELOW (vì sticker nằm DƯỚI ảnh)
- Sticker nằm DƯỚI ảnh: dùng bottom và translateY âm/ dương cho hợp lý
========================================================= */
.cte-cat--giocha .cte-cat__stickerwrap{
bottom: -55px; /* vị trí cuối khi hiện (dưới ảnh) */
left: 50%;
top: auto;
/* Ẩn: nằm THẤP hơn nữa (dịch xuống) + hơi xoay */
transform: translate(-50%, 22px) rotate(8deg) scale(.98);
}
.cte-cat--giocha:hover .cte-cat__stickerwrap{
/* Hiện: trồi lên đúng vị trí bottom */
transform: translate(-50%, 0) rotate(0deg) scale(1);
}
/* =========================================================
NOTE TUNING
- Muốn sticker bay xa hơn: tăng translateX/Y ở trạng thái ẩn
- Muốn xoay mạnh hơn: tăng rotate(...) ở trạng thái ẩn
- Muốn nhanh/chậm: chỉnh duration .34s (transform) & .22s (opacity)
- Nếu sticker bị cắt: kiểm tra container cha có overflow hidden không
========================================================= *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59c9bfc *//* =========================================================
CTE Category (Poster layout - free positioning)
- Layout tự do: mỗi category wrapper đặt ABSOLUTE bằng Elementor (top/left)
- Mỗi wrapper chứa:
(1) .cte-cat__imgwrap : container ảnh món
(2) .cte-cat__stickerwrap : container sticker
- Hover: food zoom nhẹ + sticker hiện ra với motion riêng từng category
========================================================= */
/* Nếu dán trong Elementor Custom CSS của container cha (canvas tổng),
".elementor-582 .elementor-element.elementor-element-59c9bfc" chính là container đó */
.elementor-582 .elementor-element.elementor-element-59c9bfc{
position: relative; /* tạo hệ tọa độ cho các wrapper absolute */
overflow: visible; /* sticker nhô ra không bị cắt */
}
/* -------------------------
WRAPPER CHUNG
------------------------- */
.cte-cat{
position: absolute; /* Elementor đặt top/left cho từng category */
overflow: visible; /* sticker không bị cắt */
transform: translateZ(0); /* mượt transform */
}
/* -------------------------
FOOD IMAGE (zoom nhẹ)
------------------------- */
.cte-cat .cte-cat__imgwrap img{
display: block; /* tránh gap inline ảnh */
transform: scale(1); /* trạng thái ban đầu */
transition: transform .35s ease; /* tốc độ zoom */
will-change: transform; /* tối ưu animation */
}
.cte-cat:hover .cte-cat__imgwrap img{
transform: scale(1.15); /* chỉnh 1.04–1.08 tuỳ ý */
}
/* -------------------------
STICKER BASE (ẩn)
- Mỗi category sẽ override transform riêng để tạo motion khác nhau
------------------------- */
.cte-cat .cte-cat__stickerwrap{
position: absolute; /* sticker bay tự do trong wrapper */
z-index: 10; /* lên trên ảnh món */
opacity: 0; /* ẩn ban đầu */
pointer-events: none; /* hover không bị rớt khi rê qua sticker */
/* transition chung: mượt và ổn định */
transition:
opacity .22s ease,
transform .34s cubic-bezier(.22,.61,.36,1);
}
/* Khi hover: hiện sticker (transform cụ thể sẽ do từng category set) */
.cte-cat:hover .cte-cat__stickerwrap{
opacity: 1;
}
/* =========================================================
CATEGORY-SPECIFIC MOTIONS + POSITIONS
(Mày chỉnh top/left/right/bottom theo đúng design)
========================================================= */
/* =========================================================
1) XỐT NẤU — Slide UP + slight rotate (nhô lên từ dưới)
- Sticker nằm TRÊN ảnh
========================================================= */
.cte-cat--xotnau .cte-cat__stickerwrap{
top: -60px; /* vị trí cuối khi hiện */
left: 30px;
/* Ẩn: ở thấp hơn + hơi xoay */
transform: translateY(28px) rotate(-8deg) scale(.98);
}
.cte-cat--xotnau:hover .cte-cat__stickerwrap{
/* Hiện: trượt lên + thẳng lại */
transform: translateY(0) rotate(0deg) scale(1);
}
/* =========================================================
2) CHẢ GIÒ — Pop (scale) + tiny wobble
- Sticker nằm TRÊN ảnh, canh giữa
========================================================= */
.cte-cat--chagio .cte-cat__stickerwrap{
top: -65px;
left: 50%;
/* Ẩn: nhỏ + hơi xoay */
transform: translate(-50%, 0) scale(.70) rotate(-10deg);
}
.cte-cat--chagio:hover .cte-cat__stickerwrap{
/* Hiện: pop lên size chuẩn + xoay về */
transform: translate(-50%, 0) scale(1) rotate(0deg);
}
/* =========================================================
3) DIMSUM — Slide IN from RIGHT (bay từ phải vào)
- Sticker nằm TRÊN ảnh, góc phải
========================================================= */
.cte-cat--dimsum .cte-cat__stickerwrap{
top: -65px;
right: 10px;
left: auto;
/* Ẩn: lệch sang phải + hơi xoay */
transform: translateX(26px) translateY(6px) rotate(10deg) scale(.98);
}
.cte-cat--dimsum:hover .cte-cat__stickerwrap{
/* Hiện: trượt vào + thẳng lại */
transform: translateX(0) translateY(0) rotate(0deg) scale(1);
}
/* =========================================================
4) BỘT — Drop IN (rơi nhẹ từ trên xuống)
- Sticker nằm TRÊN ảnh, góc trái
========================================================= */
.cte-cat--bot .cte-cat__stickerwrap{
top: -35px;
left: 20px;
/* Ẩn: cao hơn + hơi xoay */
transform: translateY(-18px) rotate(-12deg) scale(.96);
}
.cte-cat--bot:hover .cte-cat__stickerwrap{
/* Hiện: rơi xuống đúng chỗ */
transform: translateY(0) rotate(0deg) scale(1);
}
/* =========================================================
5) CƠM — Slide UP + slight scale (dịu, sang)
- Sticker nằm TRÊN ảnh
========================================================= */
.cte-cat--com .cte-cat__stickerwrap{
top: -55px;
left: 60px;
/* Ẩn: ở thấp hơn, ít xoay */
transform: translateY(18px) rotate(4deg) scale(.95);
}
.cte-cat--com:hover .cte-cat__stickerwrap{
/* Hiện: lên nhẹ */
transform: translateY(0) rotate(0deg) scale(1);
}
/* =========================================================
6) GIÒ CHẢ — Rise UP from BELOW (vì sticker nằm DƯỚI ảnh)
- Sticker nằm DƯỚI ảnh: dùng bottom và translateY âm/ dương cho hợp lý
========================================================= */
.cte-cat--giocha .cte-cat__stickerwrap{
bottom: -55px; /* vị trí cuối khi hiện (dưới ảnh) */
left: 50%;
top: auto;
/* Ẩn: nằm THẤP hơn nữa (dịch xuống) + hơi xoay */
transform: translate(-50%, 22px) rotate(8deg) scale(.98);
}
.cte-cat--giocha:hover .cte-cat__stickerwrap{
/* Hiện: trồi lên đúng vị trí bottom */
transform: translate(-50%, 0) rotate(0deg) scale(1);
}
/* =========================================================
NOTE TUNING
- Muốn sticker bay xa hơn: tăng translateX/Y ở trạng thái ẩn
- Muốn xoay mạnh hơn: tăng rotate(...) ở trạng thái ẩn
- Muốn nhanh/chậm: chỉnh duration .34s (transform) & .22s (opacity)
- Nếu sticker bị cắt: kiểm tra container cha có overflow hidden không
========================================================= *//* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8bfe75 */.elementor-582 .elementor-element.elementor-element-c8bfe75,
.elementor-582 .elementor-element.elementor-element-c8bfe75 .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 48px !important;
color: #fff !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-c8bfe75{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-c8bfe75 .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-c8bfe75 .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-c8bfe75 .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-73b8b60 */.elementor-582 .elementor-element.elementor-element-73b8b60,
.elementor-582 .elementor-element.elementor-element-73b8b60 p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0915633 */.elementor-582 .elementor-element.elementor-element-0915633,
.elementor-582 .elementor-element.elementor-element-0915633 .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 12pt !important;
color: #FFFFFF !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-0915633{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-0915633 .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-0915633 .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-0915633 .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f22bd4b */.elementor-582 .elementor-element.elementor-element-f22bd4b,
.elementor-582 .elementor-element.elementor-element-f22bd4b p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 12px !important;
line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3adc27 */.elementor-582 .elementor-element.elementor-element-a3adc27,
.elementor-582 .elementor-element.elementor-element-a3adc27 .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 22pt !important;
color: #fff !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-a3adc27{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-a3adc27 .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-a3adc27 .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-a3adc27 .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}
/* ===== Letter-spacing BOUNCE on hover (smooth + slower) ===== */
/* Base */
.elementor-582 .elementor-element.elementor-element-a3adc27 .elementor-heading-title{
letter-spacing: 0em; /* base */
display: inline-block;
overflow: hidden;
/* để tránh bị giật khi chạy animation */
will-change: letter-spacing, transform;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6479c41 *//* =========================================================
CJ SHIMMER (LOOP, NO HOVER) — FIX:
- Control END position (không lấn ra viền phải)
- Fade-out về 0 khi kết thúc sweep (biến mất hẳn)
- Optional gap giữa mỗi lần sweep (nhưng invisible, không đứng im lộ)
========================================================= */
.cj-shimmer{
position: relative;
border-radius: 16px;
isolation: isolate;
overflow: visible; /* để không ảnh hưởng floatdepth nếu có */
}
.cj-shimmer img{
display:block;
width:100%;
height:auto;
border-radius: 16px;
}
/* ====== CONTROLS (EDIT HERE) ====== */
.cj-shimmer{
/* Region shimmer chỉ nằm trong mâm cơm (tính theo %) */
--sx: 16%; /* left */
--sy: 8%; /* top */
--sw: 72%; /* width */
--sh: 66%; /* height */
/* Shimmer look */
--shim-angle: 90deg;
--shim-rot: 0deg;
--shim-alpha: .32; /* độ sáng */
/* ===== Motion controls ===== */
--shim-dur: 1200ms; /* thời gian sweep */
--shim-gap: 1400ms; /* nghỉ giữa sweep (invisible) */
--shim-delay: 0ms; /* delay lần đầu */
/* IMPORTANT: control vị trí START/END theo trục X
- Nếu vẫn lấn ra phải: giảm --shim-x-end (vd 55% -> 45%)
- Nếu sweep chưa tới: tăng --shim-x-end
*/
--shim-x-start: -26%; /* start X */
--shim-x-end: 30%; /* end X */
/* Optional: nếu muốn band hẹp/rộng hơn */
--shim-inset: -8%; /* vùng pseudo lớn hơn box để band đủ dài */
}
/* Shimmer layer */
.cj-shimmer::after{
content:"";
position:absolute;
inset: var(--shim-inset);
z-index:2;
pointer-events:none;
background: linear-gradient(var(--shim-angle),
rgba(255,255,255,0) 35%,
rgba(255,255,255,var(--shim-alpha)) 50%,
rgba(255,255,255,0) 65%
);
/* Clip đúng vùng mâm cơm */
clip-path: inset(
var(--sy)
calc(100% - (var(--sx) + var(--sw)))
calc(100% - (var(--sy) + var(--sh)))
var(--sx)
round 18px
);
transform: translate3d(var(--shim-x-start), 0, 0) rotate(var(--shim-rot));
opacity: 0;
will-change: transform, opacity;
/* Loop sweep + gap (invisible) */
animation: cjShimmerLoop calc(var(--shim-dur) + var(--shim-gap))
cubic-bezier(.2,.8,.8,1)
var(--shim-delay)
infinite;
}
/* Keyframes:
- 0%: invisible ở start
- 8%: fade in
- 50%: chạy tới end (opacity vẫn cao)
- 70%: fade out về 0 (đã tới end)
- 100%: giữ invisible trong gap
*/
@keyframes cjShimmerLoop{
0%{
transform: translate3d(var(--shim-x-start), 0, 0) rotate(var(--shim-rot));
opacity: 0;
}
8%{
opacity: 1;
}
50%{
transform: translate3d(var(--shim-x-end), 0, 0) rotate(var(--shim-rot));
opacity: 1;
}
70%{
transform: translate3d(var(--shim-x-end), 0, 0) rotate(var(--shim-rot));
opacity: 0;
}
100%{
transform: translate3d(var(--shim-x-end), 0, 0) rotate(var(--shim-rot));
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.cj-shimmer::after{
animation:none !important;
opacity: .18 !important;
transform: translate3d(0,0,0) rotate(var(--shim-rot)) !important;
}
}
/* =========================================================
CJ FLOATDEPTH (ZOOM TRÀN RA, KHÔNG BỊ CROP)
- Wrapper: .cj-floatdepth
- Inner clip layer: .cj-floatdepth__clip (tạo bằng ::before/::after + direct child)
Cách dùng (khuyến nghị):
Nếu hiện tại markup của mày chỉ có
thì CSS bên dưới vẫn xử lý bằng pseudo "clip", KHÔNG cần sửa HTML,
nhưng bo góc sẽ áp lên img và một lớp overlay.
========================================================= */
.cj-floatdepth{
position: relative;
display:block;
/* QUAN TRỌNG: cho tràn */
overflow: visible;
/* radius giữ ở wrapper để đồng bộ */
border-radius: 16px;
transition: transform 900ms cubic-bezier(.2,.8,.2,1);
will-change: transform;
}
/* Nếu mày có thể thêm inner div .cj-floatdepth__clip thì clip chuẩn nhất */
.cj-floatdepth__clip{
position: relative;
overflow: hidden; /* clip chỉ ở layer này */
border-radius: 16px;
}
/* Fallback: nếu KHÔNG có .cj-floatdepth__clip, vẫn bo góc ảnh */
.cj-floatdepth > img{
border-radius: 16px;
}
/* Image (works for both structures) */
.cj-floatdepth img{
display:block;
width:100%;
height:auto;
transform: scale(1);
transform-origin: 50% 50%;
transition: transform 900ms cubic-bezier(.2,.8,.2,1), filter 900ms ease;
will-change: transform, filter;
}
/* Hover float */
.cj-floatdepth:hover{
transform: translateY(-8px);
}
/* Hover zoom TRÀN (không crop vì wrapper overflow visible) */
.cj-floatdepth:hover img{
transform: scale(1.08); /* EDIT: zoom lớn hơn */
filter: drop-shadow(0 18px 30px rgba(0,0,0,.28));
}
/* Ambient float */
.cj-floatdepth.is-ambient{
animation: cjFloat 5.8s ease-in-out infinite;
}
@keyframes cjFloat{
0%{ transform: translateY(0); }
50%{ transform: translateY(-10px); }
100%{ transform: translateY(0); }
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.cj-floatdepth.is-ambient{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-adf9f2b */.elementor-582 .elementor-element.elementor-element-adf9f2b,
.elementor-582 .elementor-element.elementor-element-adf9f2b .elementor-heading-title{
font-family: "Protest strike" !important;
font-weight: 800 !important;
font-size: 12pt !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-adf9f2b{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-adf9f2b .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-adf9f2b .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-adf9f2b .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d62644d */.elementor-582 .elementor-element.elementor-element-d62644d,
.elementor-582 .elementor-element.elementor-element-d62644d p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b82378 */@media (max-width: 767px){
.elementor-582 .elementor-element.elementor-element-9b82378.cte-cert{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 12px !important;
align-items: center !important;
}
.elementor-582 .elementor-element.elementor-element-9b82378.cte-cert img{
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e939217 */.elementor-582 .elementor-element.elementor-element-e939217,
.elementor-582 .elementor-element.elementor-element-e939217 .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 22pt !important;
color: #fff !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-e939217{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-e939217 .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-e939217 .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-e939217 .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-89757bd */.elementor-582 .elementor-element.elementor-element-89757bd,
.elementor-582 .elementor-element.elementor-element-89757bd p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d402b4 */.elementor-582 .elementor-element.elementor-element-5d402b4,
.elementor-582 .elementor-element.elementor-element-5d402b4 .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 14pt !important;
color: #fff !important;
line-height: 1.2 !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-5d402b4{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-5d402b4 .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-5d402b4 .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-5d402b4 .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a75136b */.elementor-582 .elementor-element.elementor-element-a75136b,
.elementor-582 .elementor-element.elementor-element-a75136b .elementor-heading-title{
font-family: "Protest Strike", sans-serif !important;
font-size: 28px !important; /* Elementor dùng px, pt dễ lệch */
font-weight: 800 !important;
color: #FFF !important;
line-height: 1.1;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0364dd5 */.elementor-582 .elementor-element.elementor-element-0364dd5,
.elementor-582 .elementor-element.elementor-element-0364dd5 p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 13px !important;
color: #FFFFFF !important;
line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1204967 *//* =========================================================
CTE CATEGORY CLUSTER – MOBILE SCALE (NO EFFECT)
Target container: .cj-catcluster-cte
Children: .cte-cat (absolute)
imgwrap: .cte-cat__imgwrap
stickerwrap: .cte-cat__stickerwrap
========================================================= */
/* Base */
.cj-catcluster-cte{
position: relative !important;
overflow: visible !important;
}
/* Ensure absolute items are anchored correctly */
.cj-catcluster-cte .cte-cat{
position: absolute !important;
overflow: visible !important;
}
/* Image defaults */
.cj-catcluster-cte .cte-cat__imgwrap img,
.cj-catcluster-cte .cte-cat__stickerwrap img{
display:block !important;
height:auto !important;
max-width:none !important; /* ✅ quan trọng: đừng để max-width 100% bóp sai khi scale */
}
/* =========================================================
MOBILE SCALE = 0.34
Strategy:
1) Scale whole cluster by transform (works everywhere)
2) Add width compensation so absolute coordinates still map
3) HARD FIX: on mobile, remove per-item translate/transform that Elementor may inject
(because translate property can visually "break" scaling expectation)
4) Fallback: zoom for browsers where Elementor transforms get weird
========================================================= */
@media (max-width: 767px){
.cj-catcluster-cte{
--cte-scale: .60;
/* primary */
transform: scale(var(--cte-scale)) !important;
transform-origin: top left !important;
/* keep coordinate space */
width: calc(100% / var(--cte-scale)) !important;
overflow: visible !important;
}
/* --- CRITICAL: neutralize Elementor transform/translate on ABS children --- */
/* Elementor containers often use either transform OR translate property */
.cj-catcluster-cte .cte-cat{
transform: none !important; /* ✅ không cho child tự transform */
translate: 0 0 !important; /* ✅ reset CSS translate property (new spec) */
}
/* If Elementor sets transform on inner wrappers too, reset them */
.cj-catcluster-cte .cte-cat__imgwrap,
.cj-catcluster-cte .cte-cat__stickerwrap{
transform: none !important;
translate: 0 0 !important;
}
/* --- Fallback for WebKit quirks (optional but helps iOS/Safari) --- */
.cj-catcluster-cte{
zoom: calc(var(--cte-scale) * 100%); /* e.g. 34% */
}
/* Images keep natural size; parent scale will shrink everything */
.cj-catcluster-cte .cte-cat__imgwrap img,
.cj-catcluster-cte .cte-cat__stickerwrap img{
width: auto !important;
height: auto !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5234236 */.elementor-582 .elementor-element.elementor-element-5234236,
.elementor-582 .elementor-element.elementor-element-5234236 .elementor-heading-title{
font-family: "Protest Strike" !important;
font-weight: 800 !important;
font-size: 28px !important;
color: #fff !important;
}
/* xích xuống nhẹ (chọn 1 trong 2) */
.elementor-582 .elementor-element.elementor-element-5234236{
margin-top: 10px; /* hoặc bỏ dòng này nếu không cần */
/* transform: translateY(6px); */
}
/* ===== CJ reveal (no absolute) ===== */
.elementor-582 .elementor-element.elementor-element-5234236 .elementor-heading-title{
display: inline-block; /* để clip mượt */
overflow: hidden; /* che phần trồi */
}
.elementor-582 .elementor-element.elementor-element-5234236 .elementor-heading-title{
animation: cj_reveal_up 900ms cubic-bezier(.2,.8,.2,1) 120ms both;
will-change: transform, clip-path;
}
/* Hiệu ứng “lộ dần” + trồi lên */
@keyframes cj_reveal_up{
0%{
transform: translateY(110%);
clip-path: inset(0 0 100% 0); /* che gần hết */
opacity: 1;
}
60%{
clip-path: inset(0 0 0 0);
}
100%{
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.elementor-582 .elementor-element.elementor-element-5234236 .elementor-heading-title{ animation: none !important; transform:none !important; clip-path:none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5482b1e */.elementor-582 .elementor-element.elementor-element-5482b1e,
.elementor-582 .elementor-element.elementor-element-5482b1e p{
font-family: "CJ Only One", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'CJ ONLY ONE';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('/wp-content/uploads/2026/01/CJ_ONLYONE_400.woff2') format('woff2');
}
@font-face {
font-family: 'CJ ONLY ONE';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('/wp-content/uploads/2026/01/CJ_ONLYONE_500.woff2') format('woff2');
}
@font-face {
font-family: 'CJ ONLY ONE';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('/wp-content/uploads/2026/01/CJ_ONLYONE_700.woff2') format('woff2');
}
@font-face {
font-family: 'CJ ONLY ONE';
font-style: normal;
font-weight: 800;
font-display: auto;
src: url('/wp-content/uploads/2026/01/CJ_ONLYONE_800.woff2') format('woff2');
}
/* End Custom Fonts CSS */