.elementor-173 .elementor-element.elementor-element-16f7aa6{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.4;--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-173 .elementor-element.elementor-element-16f7aa6:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-16f7aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hoasinhnongviet.vn/wp-content/uploads/2026/01/3.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-173 .elementor-element.elementor-element-16f7aa6::before, .elementor-173 .elementor-element.elementor-element-16f7aa6 > .elementor-background-video-container::before, .elementor-173 .elementor-element.elementor-element-16f7aa6 > .e-con-inner > .elementor-background-video-container::before, .elementor-173 .elementor-element.elementor-element-16f7aa6 > .elementor-background-slideshow::before, .elementor-173 .elementor-element.elementor-element-16f7aa6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-173 .elementor-element.elementor-element-16f7aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-173 .elementor-element.elementor-element-52cdfd1{--display:flex;--justify-content:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--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-173 .elementor-element.elementor-element-e5d1494{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-e5d1494.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-173 .elementor-element.elementor-element-2b1d273{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-173 .elementor-element.elementor-element-2b1d273 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:44px;font-weight:700;line-height:1.8em;color:#000000;}.elementor-173 .elementor-element.elementor-element-3f0e25d{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-173 .elementor-element.elementor-element-3f0e25d .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:40px;font-weight:700;line-height:1.8em;color:#000000;}.elementor-173 .elementor-element.elementor-element-575e8d5{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-575e8d5:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-575e8d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F1;}.elementor-173 .elementor-element.elementor-element-eaaad54 .woocommerce-breadcrumb{color:#25470E;font-family:"Be Vietnam Pro", Sans-serif;font-size:14px;}.elementor-173 .elementor-element.elementor-element-eaaad54 .woocommerce-breadcrumb > a{color:#000000A1;}.elementor-173 .elementor-element.elementor-element-f39e7eb{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-f39e7eb:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-f39e7eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F1;}.elementor-173 .elementor-element.elementor-element-83b4deb{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-83b4deb:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-83b4deb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-173 .elementor-element.elementor-element-b8c4e6f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-359ecff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-e3d04f6{padding:0px 20px 0px 20px;text-align:left;}.elementor-173 .elementor-element.elementor-element-e3d04f6 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:800;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-3d9d3c1{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-448668f{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-9d3ed9c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-173 .elementor-element.elementor-element-c9c8bc2 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-5722600{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-e2f200f{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-e2f200f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-e2f200f .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-e2f200f .elementor-heading-title a:focus{color:#F65F31;}.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-173 .elementor-element.elementor-element-4605cde{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-4605cde a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-4152dfc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6cd998d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6cd998d:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-6cd998d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-173 .elementor-element.elementor-element-e7e3db9{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-e7e3db9 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-e7e3db9.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-e7e3db9.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-e7e3db9.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-e7e3db9.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-e7e3db9.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-e7e3db9 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-e7e3db9 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-2c00874{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-2c00874 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-2c00874 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-2c00874 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-d7a1aa3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-3f0e538{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-3f0e538:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-3f0e538 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-7dc66e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-7dc66e9 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-7dc66e9.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-7dc66e9.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-7dc66e9.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-7dc66e9.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-7dc66e9.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-7dc66e9 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-7dc66e9 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-ffcbb30{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-ffcbb30 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-ffcbb30 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-ffcbb30 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-978b4a2{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-978b4a2:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-978b4a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-7381c83{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-7381c83 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-7381c83.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-7381c83.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-7381c83.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-7381c83.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-7381c83.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-7381c83 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-7381c83 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-082e9bd{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-082e9bd .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-082e9bd .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-082e9bd .elementor-heading-title a:focus{color:#F65F31;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-173 .elementor-element.elementor-element-f0701d1{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-f0701d1 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-f0701d1 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-adce56a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-258da2f{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-258da2f.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-258da2f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-258da2f .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-258da2f .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-068c731{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d88c51f{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-c5fba23{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-eec3a5e img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-09330c4{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6be82b1{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-6be82b1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-6be82b1 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-6be82b1 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-150476e{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-150476e a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-0f44dce{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ffc3a9c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ffc3a9c:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-ffc3a9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-03e15de{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-03e15de .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-03e15de.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-03e15de.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-03e15de.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-03e15de.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-03e15de.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-03e15de .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-03e15de .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-99c870c{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-99c870c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-99c870c .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-99c870c .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-40b683b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9545629{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9545629:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-9545629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-4e84853{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-4e84853 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-4e84853.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-4e84853.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-4e84853.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-4e84853.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-4e84853.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-4e84853 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-4e84853 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-de8a3e0{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-de8a3e0 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-de8a3e0 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-de8a3e0 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-2a950d7{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-2a950d7:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-2a950d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-dd4e7c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-dd4e7c5 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-dd4e7c5.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-dd4e7c5.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-dd4e7c5.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-dd4e7c5.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-dd4e7c5.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-dd4e7c5 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-dd4e7c5 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-4cf5317{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-4cf5317 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-4cf5317 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-4cf5317 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-6a4497f{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-6a4497f .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-6a4497f .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-0e783e5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-ece4eb1{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-ece4eb1.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-ece4eb1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-ece4eb1 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-ece4eb1 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-7c034f3{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9d0c4e1{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-a83f109{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-c5bd2be img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-171146f{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-371dd9c{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-371dd9c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-371dd9c .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-371dd9c .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-e3b62f8{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-e3b62f8 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-85fdeca{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8f8395d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8f8395d:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-8f8395d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-6542c0d{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-6542c0d .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-6542c0d.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6542c0d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6542c0d.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6542c0d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6542c0d.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-6542c0d .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-6542c0d .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-f8bffc2{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-f8bffc2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-f8bffc2 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-f8bffc2 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-715863d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a5325e5{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a5325e5:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-a5325e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-3b026fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-3b026fd .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-3b026fd.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-3b026fd.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-3b026fd.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-3b026fd.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-3b026fd.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-3b026fd .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-3b026fd .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-9f72aa0{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-9f72aa0 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-9f72aa0 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-9f72aa0 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-f5405ea{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-f5405ea:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-f5405ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-21b2769{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-21b2769 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-21b2769.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-21b2769.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-21b2769.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-21b2769.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-21b2769.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-21b2769 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-21b2769 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-2307e3e{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-2307e3e .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-2307e3e .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-2307e3e .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-290a345{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-290a345 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-290a345 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-79b338e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-ef5af57{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-ef5af57.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-ef5af57 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-ef5af57 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-ef5af57 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-b00ad64{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-2b9a7ae{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-3c1b914{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-22708e6 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-dd85198{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8c7be4e{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-8c7be4e .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-8c7be4e .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-8c7be4e .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-fb15435{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-fb15435 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-2076a0a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-892c60a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-892c60a:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-892c60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-6df2eb8{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-6df2eb8 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-6df2eb8.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6df2eb8.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6df2eb8.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6df2eb8.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6df2eb8.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-6df2eb8 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-6df2eb8 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-3c64e3b{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-3c64e3b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-3c64e3b .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-3c64e3b .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-6304a66{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ab1cbde{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ab1cbde:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-ab1cbde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-2124d3d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-2124d3d .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-2124d3d.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-2124d3d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-2124d3d.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-2124d3d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-2124d3d.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-2124d3d .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-2124d3d .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-a156e19{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-a156e19 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-a156e19 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-a156e19 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-dd8182a{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-dd8182a:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-dd8182a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-9f83f9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-9f83f9c .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-9f83f9c.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-9f83f9c.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-9f83f9c.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-9f83f9c.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-9f83f9c.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-9f83f9c .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-9f83f9c .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-4c986a1{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-4c986a1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-4c986a1 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-4c986a1 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-81df72a{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-81df72a .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-81df72a .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-cc8ba60{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-b7b399f{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-b7b399f.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-b7b399f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-b7b399f .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-b7b399f .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-7752479{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-7b64c0a{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-1a52c02{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-322fb4a img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-f4bebdb{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-b345bee{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-b345bee .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-b345bee .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-b345bee .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-4571be0{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-4571be0 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-5cd47f5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9d953d0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9d953d0:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-9d953d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-20e987c{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-20e987c .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-20e987c.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-20e987c.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-20e987c.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-20e987c.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-20e987c.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-20e987c .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-20e987c .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-92dade5{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-92dade5 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-92dade5 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-92dade5 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-bfb12c1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-053c205{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-053c205:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-053c205 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-aa417e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-aa417e2 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-aa417e2.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-aa417e2.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-aa417e2.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-aa417e2.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-aa417e2.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-aa417e2 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-aa417e2 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-ca0cb4c{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-ca0cb4c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-ca0cb4c .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-ca0cb4c .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-b2c581a{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-b2c581a:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-b2c581a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-335e369{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-335e369 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-335e369.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-335e369.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-335e369.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-335e369.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-335e369.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-335e369 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-335e369 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-0641090{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-0641090 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-0641090 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-0641090 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-5ba600d{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-5ba600d .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-5ba600d .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-a7fd71f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-5673d95{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-5673d95.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-5673d95 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-5673d95 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-5673d95 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-0547311{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;padding:0px 20px 0px 20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-173 .elementor-element.elementor-element-1905756{padding:20px 20px 0px 20px;text-align:left;}.elementor-173 .elementor-element.elementor-element-1905756 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:800;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-9b4816d{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-2ce6059{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-fccc029{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-70f0254 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-aef2904{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ec46f86{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-ec46f86 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-ec46f86 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-ec46f86 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-8db3559{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-8db3559 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-872f41c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-1f3d762{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-1f3d762:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-1f3d762 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-f2ca94d{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-f2ca94d .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-f2ca94d.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f2ca94d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f2ca94d.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f2ca94d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f2ca94d.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-f2ca94d .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-f2ca94d .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-985b40e{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-985b40e .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-985b40e .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-985b40e .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-3a51a6a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-dbea40f{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-dbea40f:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-dbea40f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-bd8680b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-bd8680b .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-bd8680b.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-bd8680b.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-bd8680b.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-bd8680b.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-bd8680b.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-bd8680b .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-bd8680b .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-492d165{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-492d165 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-492d165 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-492d165 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-6fea953{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6fea953:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-6fea953 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-3637da2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-3637da2 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-3637da2.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-3637da2.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-3637da2.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-3637da2.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-3637da2.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-3637da2 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-3637da2 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-592b960{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-592b960 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-592b960 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-592b960 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-3e4718a{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-3e4718a .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-3e4718a .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-453e8e4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-699d382{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-699d382.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-699d382 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-699d382 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-699d382 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-f8e9ada{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9844f41{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-c202614{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-3a0e04c img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-df1ece4{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9f01c6f{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-9f01c6f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-9f01c6f .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-9f01c6f .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-af2dddd{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-af2dddd a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-7fdd888{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-0d856fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-0d856fd:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-0d856fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-afb697b{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-afb697b .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-afb697b.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-afb697b.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-afb697b.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-afb697b.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-afb697b.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-afb697b .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-afb697b .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-1afcd17{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-1afcd17 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-1afcd17 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-1afcd17 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-5f526dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-c6d5c30{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-c6d5c30:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-c6d5c30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-c6eefeb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-c6eefeb .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-c6eefeb.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-c6eefeb.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-c6eefeb.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-c6eefeb.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-c6eefeb.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-c6eefeb .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-c6eefeb .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-5f2186b{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-5f2186b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-5f2186b .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-5f2186b .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-46ee5fb{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-46ee5fb:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-46ee5fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-ef80b3e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-ef80b3e .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-ef80b3e.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-ef80b3e.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-ef80b3e.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-ef80b3e.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-ef80b3e.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-ef80b3e .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-ef80b3e .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-9ebb946{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-9ebb946 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-9ebb946 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-9ebb946 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-dc4fe95{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-dc4fe95 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-dc4fe95 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-8db0a59{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-d10a790{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-d10a790.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-d10a790 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-d10a790 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-d10a790 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-035c24b{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-c665de2{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-1f2e51b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-0ad745a img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-175e620{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d240e79{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-d240e79 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-d240e79 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-d240e79 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-01c3c18{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-01c3c18 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-f52f2a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-f2e9d40{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-f2e9d40:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-f2e9d40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-5634c0a{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-5634c0a .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-5634c0a.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-5634c0a.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-5634c0a.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-5634c0a.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-5634c0a.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-5634c0a .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-5634c0a .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-03dad34{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-03dad34 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-03dad34 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-03dad34 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-fffdcd5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-14d735d{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-14d735d:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-14d735d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-5ebecf6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-5ebecf6 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-5ebecf6.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-5ebecf6.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-5ebecf6.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-5ebecf6.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-5ebecf6.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-5ebecf6 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-5ebecf6 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-8d98b78{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-8d98b78 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-8d98b78 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-8d98b78 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-a16b38e{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a16b38e:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-a16b38e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-b13d713{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-b13d713 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-b13d713.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-b13d713.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-b13d713.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-b13d713.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-b13d713.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-b13d713 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-b13d713 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-3a7b185{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-3a7b185 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-3a7b185 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-3a7b185 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-e07c0ed{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-e07c0ed .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-e07c0ed .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-1627af9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-ec2ac03{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-ec2ac03.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-ec2ac03 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-ec2ac03 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-ec2ac03 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-ac60e0a{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-f207516{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-2df7a6e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-71ed195 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-df9ea10{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-70369fb{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-70369fb .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-70369fb .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-70369fb .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-b88a662{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-b88a662 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-d570563{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-92befff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-92befff:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-92befff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-191866b{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-191866b .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-191866b.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-191866b.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-191866b.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-191866b.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-191866b.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-191866b .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-191866b .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-a6db205{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-a6db205 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-a6db205 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-a6db205 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-fb85268{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d1c19f1{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d1c19f1:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-d1c19f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-1415b67{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-1415b67 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-1415b67.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-1415b67.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-1415b67.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-1415b67.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-1415b67.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-1415b67 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-1415b67 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-e03bb24{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-e03bb24 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-e03bb24 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-e03bb24 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-481bed7{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-481bed7:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-481bed7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-8129105{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-8129105 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-8129105.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-8129105.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-8129105.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-8129105.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-8129105.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-8129105 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-8129105 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-6b9e974{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-6b9e974 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-6b9e974 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-6b9e974 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-a59da09{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-a59da09 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-a59da09 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-c961040{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-c8f7834{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-c8f7834.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-c8f7834 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-c8f7834 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-c8f7834 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-7f1daa1{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;padding:0px 20px 0px 20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-173 .elementor-element.elementor-element-8ab885a{padding:20px 20px 0px 20px;text-align:left;}.elementor-173 .elementor-element.elementor-element-8ab885a .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:800;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-a48260f{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-af906c1{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-4665029{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8b34eac img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-18b2dda{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9e7bec1{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-9e7bec1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-9e7bec1 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-9e7bec1 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-babdb27{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-babdb27 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-dad1e3f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-b96093b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-b96093b:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-b96093b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-6f48201{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-6f48201 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-6f48201.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6f48201.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6f48201.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6f48201.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6f48201.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-6f48201 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-6f48201 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-c481662{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-c481662 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-c481662 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-c481662 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-8c071a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-26924ed{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-26924ed:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-26924ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-0538635{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-0538635 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-0538635.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-0538635.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-0538635.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-0538635.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-0538635.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-0538635 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-0538635 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-f51591a{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-f51591a .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-f51591a .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-f51591a .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-0851c1f{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-0851c1f:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-0851c1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-4591cf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-4591cf7 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-4591cf7.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-4591cf7.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-4591cf7.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-4591cf7.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-4591cf7.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-4591cf7 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-4591cf7 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-d411e73{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-d411e73 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-d411e73 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-d411e73 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-397c5f5{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-397c5f5 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-397c5f5 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-7bd2832{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-43c8120{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-43c8120.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-43c8120 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-43c8120 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-43c8120 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-a1e0a13{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-c88b965{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-f241f13{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-24a4ac3 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-626d5b6{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-5c24ce3{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-5c24ce3 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-5c24ce3 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-5c24ce3 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-886c7f6{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-886c7f6 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-fe07ac5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-fa76d31{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-fa76d31:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-fa76d31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-d0b1b9a{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-d0b1b9a .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-d0b1b9a.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-d0b1b9a.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-d0b1b9a.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-d0b1b9a.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-d0b1b9a.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-d0b1b9a .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-d0b1b9a .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-62894e9{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-62894e9 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-62894e9 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-62894e9 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-3208fd0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-dd22911{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-dd22911:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-dd22911 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-f3687e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-f3687e3 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-f3687e3.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f3687e3.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f3687e3.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f3687e3.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f3687e3.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-f3687e3 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-f3687e3 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-3f62562{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-3f62562 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-3f62562 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-3f62562 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-6f924b4{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6f924b4:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-6f924b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-13b3968{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-13b3968 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-13b3968.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-13b3968.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-13b3968.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-13b3968.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-13b3968.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-13b3968 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-13b3968 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-2055c2b{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-2055c2b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-2055c2b .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-2055c2b .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-27f9462{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-27f9462 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-27f9462 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-6ffe96d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-7fe8c46{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-7fe8c46.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-7fe8c46 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-7fe8c46 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-7fe8c46 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-fedec9d{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-b0f1726{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-96ff3fb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9234596 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-9538ad2{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-244ad64{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-244ad64 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-244ad64 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-244ad64 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-982ca45{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-982ca45 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-c8a89ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-0c4b06b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-0c4b06b:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-0c4b06b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-ae89f4d{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-ae89f4d .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-ae89f4d.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-ae89f4d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-ae89f4d.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-ae89f4d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-ae89f4d.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-ae89f4d .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-ae89f4d .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-c93a8ed{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-c93a8ed .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-c93a8ed .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-c93a8ed .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-e451c10{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8d42134{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8d42134:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-8d42134 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-f4e81d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-f4e81d3 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-f4e81d3.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f4e81d3.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f4e81d3.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f4e81d3.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f4e81d3.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-f4e81d3 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-f4e81d3 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-761da41{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-761da41 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-761da41 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-761da41 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-3395f16{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-3395f16:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-3395f16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-f1cafb6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-f1cafb6 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-f1cafb6.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f1cafb6.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f1cafb6.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f1cafb6.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f1cafb6.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-f1cafb6 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-f1cafb6 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-363ab7e{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-363ab7e .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-363ab7e .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-363ab7e .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-af3f34d{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-af3f34d .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-af3f34d .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-b9138a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-d73f9b8{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-d73f9b8.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-d73f9b8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-d73f9b8 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-d73f9b8 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-e107963{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-cb1e71f{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-35d6763{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8e9d3ee img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-9e0a664{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-78b918d{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-78b918d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-78b918d .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-78b918d .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-a934229{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-a934229 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-7567594{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-acea22e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-acea22e:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-acea22e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-83773eb{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-83773eb .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-83773eb.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-83773eb.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-83773eb.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-83773eb.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-83773eb.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-83773eb .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-83773eb .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-3ba49c2{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-3ba49c2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-3ba49c2 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-3ba49c2 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-641fadb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6a287a6{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6a287a6:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-6a287a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-044e9c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-044e9c1 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-044e9c1.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-044e9c1.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-044e9c1.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-044e9c1.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-044e9c1.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-044e9c1 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-044e9c1 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-c0a1f95{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-c0a1f95 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-c0a1f95 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-c0a1f95 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-673d9f4{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-673d9f4:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-673d9f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-266c850{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-266c850 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-266c850.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-266c850.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-266c850.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-266c850.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-266c850.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-266c850 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-266c850 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-8838bb9{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-8838bb9 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-8838bb9 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-8838bb9 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-262a691{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-262a691 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-262a691 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-5db729e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-c8773f6{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-c8773f6.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-c8773f6 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-c8773f6 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-c8773f6 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-06401c5{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;padding:0px 20px 0px 20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-173 .elementor-element.elementor-element-d528d14{padding:20px 20px 0px 20px;text-align:left;}.elementor-173 .elementor-element.elementor-element-d528d14 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:800;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-af43972{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8d0e7d1{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-a31c690{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8f9d4f4 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-b71e0f3{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-7a0ce88{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-7a0ce88 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-7a0ce88 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-7a0ce88 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-afb09ec{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-afb09ec a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-6ae9c97{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-7862057{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-7862057:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-7862057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-d016378{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-d016378 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-d016378.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-d016378.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-d016378.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-d016378.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-d016378.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-d016378 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-d016378 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-d126def{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-d126def .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-d126def .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-d126def .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-1b538e3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-67c6255{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-67c6255:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-67c6255 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-830669f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-830669f .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-830669f.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-830669f.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-830669f.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-830669f.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-830669f.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-830669f .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-830669f .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-abe0269{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-abe0269 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-abe0269 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-abe0269 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-97a1757{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-97a1757:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-97a1757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-37002c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-37002c1 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-37002c1.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-37002c1.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-37002c1.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-37002c1.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-37002c1.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-37002c1 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-37002c1 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-88f3ce5{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-88f3ce5 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-88f3ce5 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-88f3ce5 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-67c285b{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-67c285b .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-67c285b .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-15eb0bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-357a8c8{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-357a8c8.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-357a8c8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-357a8c8 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-357a8c8 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-80bac54{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6e5261b{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-4baed94{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-aeee8d1 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-5528ef6{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-83e64cf{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-83e64cf .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-83e64cf .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-83e64cf .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-f045ee4{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-f045ee4 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-67f2918{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-1f7ebb6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-1f7ebb6:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-1f7ebb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-dfa2914{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-dfa2914 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-dfa2914.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-dfa2914.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-dfa2914.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-dfa2914.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-dfa2914.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-dfa2914 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-dfa2914 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-7901937{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-7901937 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-7901937 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-7901937 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-1eb7a17{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-fd2a2b3{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-fd2a2b3:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-fd2a2b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-6a51c91{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-6a51c91 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-6a51c91.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6a51c91.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6a51c91.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6a51c91.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6a51c91.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-6a51c91 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-6a51c91 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-dc3ee89{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-dc3ee89 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-dc3ee89 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-dc3ee89 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-11fe754{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-11fe754:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-11fe754 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-dc40742{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-dc40742 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-dc40742.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-dc40742.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-dc40742.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-dc40742.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-dc40742.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-dc40742 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-dc40742 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-a78108d{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-a78108d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-a78108d .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-a78108d .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-89104fe{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-89104fe .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-89104fe .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-5ebd2ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-f1a36e4{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-f1a36e4.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-f1a36e4 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-f1a36e4 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-f1a36e4 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-3972672{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a15474d{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-512a899{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-5ee9015 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-9f19732{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-df1b2c3{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-df1b2c3 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-df1b2c3 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-df1b2c3 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-06f7928{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-06f7928 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-b313a2d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9de8a25{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9de8a25:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-9de8a25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-24d24c1{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-24d24c1 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-24d24c1.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-24d24c1.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-24d24c1.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-24d24c1.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-24d24c1.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-24d24c1 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-24d24c1 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-9a6bdc4{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-9a6bdc4 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-9a6bdc4 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-9a6bdc4 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-51d44bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-117c45b{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-117c45b:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-117c45b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-ece55b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-ece55b5 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-ece55b5.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-ece55b5.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-ece55b5.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-ece55b5.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-ece55b5.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-ece55b5 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-ece55b5 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-553f4f5{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-553f4f5 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-553f4f5 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-553f4f5 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-1798c75{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-1798c75:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-1798c75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-9699c7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-9699c7a .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-9699c7a.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-9699c7a.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-9699c7a.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-9699c7a.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-9699c7a.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-9699c7a .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-9699c7a .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-43d58d8{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-43d58d8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-43d58d8 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-43d58d8 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-b56b14c{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-b56b14c .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-b56b14c .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-9f4db4d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-4f0568c{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-4f0568c.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-4f0568c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-4f0568c .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-4f0568c .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-081c99b{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-1fde4cb{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-b57b5d4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a8c6100 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-f558bbd{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-e5a6777{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-e5a6777 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-e5a6777 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-e5a6777 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-fbdd79d{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-fbdd79d a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-4ad2c8a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9ad77e5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9ad77e5:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-9ad77e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-57d8990{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-57d8990 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-57d8990.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-57d8990.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-57d8990.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-57d8990.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-57d8990.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-57d8990 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-57d8990 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-cb35700{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-cb35700 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-cb35700 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-cb35700 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-cc556ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a9fb035{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a9fb035:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-a9fb035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-38ef68b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-38ef68b .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-38ef68b.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-38ef68b.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-38ef68b.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-38ef68b.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-38ef68b.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-38ef68b .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-38ef68b .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-3ceabf5{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-3ceabf5 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-3ceabf5 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-3ceabf5 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-53f792a{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-53f792a:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-53f792a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-026f28d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-026f28d .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-026f28d.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-026f28d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-026f28d.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-026f28d.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-026f28d.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-026f28d .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-026f28d .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-41732c2{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-41732c2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-41732c2 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-41732c2 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-8a57d59{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-8a57d59 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-8a57d59 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-d75aa83{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-16dbc49{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-16dbc49.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-16dbc49 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-16dbc49 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-16dbc49 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-ac7bf72{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;padding:0px 20px 0px 20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-173 .elementor-element.elementor-element-c4e11d2{padding:20px 20px 0px 20px;text-align:left;}.elementor-173 .elementor-element.elementor-element-c4e11d2 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:20px;font-weight:800;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-8bd9964{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-40af6ee{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-c98f640{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-1c186d2 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-a11a0ce{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-b198281{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-b198281 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-b198281 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-b198281 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-48fc36b{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-48fc36b a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-01186bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8a464b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8a464b8:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-8a464b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-6bc4e9c{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-6bc4e9c .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-6bc4e9c.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6bc4e9c.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6bc4e9c.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6bc4e9c.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6bc4e9c.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-6bc4e9c .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-6bc4e9c .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-894c56d{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-894c56d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-894c56d .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-894c56d .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-5cf7d17{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-27a515e{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-27a515e:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-27a515e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-7703321{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-7703321 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-7703321.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-7703321.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-7703321.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-7703321.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-7703321.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-7703321 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-7703321 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-329ef6c{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-329ef6c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-329ef6c .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-329ef6c .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-dd2dcd3{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-dd2dcd3:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-dd2dcd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-6227611{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-6227611 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-6227611.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6227611.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6227611.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-6227611.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-6227611.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-6227611 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-6227611 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-95fcb45{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-95fcb45 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-95fcb45 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-95fcb45 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-4d64737{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-4d64737 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-4d64737 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-ab51a0e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-d185aa6{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-d185aa6.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-d185aa6 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-d185aa6 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-d185aa6 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-4cb4366{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-08a4bd2{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-8e00039{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-3b4d8b7 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-ee63eeb{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8ea1e0b{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-8ea1e0b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-8ea1e0b .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-8ea1e0b .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-a71b818{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-a71b818 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-505926f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a4ae26a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-a4ae26a:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-a4ae26a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-e454162{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-e454162 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-e454162.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-e454162.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-e454162.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-e454162.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-e454162.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-e454162 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-e454162 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-376bf4e{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-376bf4e .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-376bf4e .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-376bf4e .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-b98faad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8763f01{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-8763f01:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-8763f01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-bbbe570{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-bbbe570 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-bbbe570.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-bbbe570.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-bbbe570.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-bbbe570.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-bbbe570.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-bbbe570 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-bbbe570 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-24ab1e3{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-24ab1e3 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-24ab1e3 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-24ab1e3 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-e5d7bef{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-e5d7bef:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-e5d7bef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-d22c782{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-d22c782 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-d22c782.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-d22c782.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-d22c782.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-d22c782.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-d22c782.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-d22c782 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-d22c782 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-64dfd4a{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-64dfd4a .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-64dfd4a .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-64dfd4a .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-e44384a{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-e44384a .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-e44384a .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-0a71c71{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-bf0b82a{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-bf0b82a.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-bf0b82a .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-bf0b82a .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-bf0b82a .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-150b074{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6cca278{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-44c0ba7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-9167377 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-dd8ba61{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-746d747{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-746d747 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-746d747 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-746d747 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-17dd097{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-17dd097 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-d875157{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-7db0756{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-7db0756:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-7db0756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-d83850f{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-d83850f .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-d83850f.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-d83850f.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-d83850f.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-d83850f.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-d83850f.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-d83850f .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-d83850f .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-ef0b0a9{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-ef0b0a9 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-ef0b0a9 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-ef0b0a9 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-1d490c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-077157e{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-077157e:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-077157e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-935cb11{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-935cb11 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-935cb11.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-935cb11.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-935cb11.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-935cb11.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-935cb11.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-935cb11 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-935cb11 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-6ba647f{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-6ba647f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-6ba647f .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-6ba647f .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-ce61ac6{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ce61ac6:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-ce61ac6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-1399fb6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-1399fb6 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-1399fb6.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-1399fb6.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-1399fb6.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-1399fb6.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-1399fb6.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-1399fb6 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-1399fb6 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-31b4e84{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-31b4e84 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-31b4e84 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-31b4e84 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-5318c0e{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-5318c0e .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-5318c0e .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-ba2985b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-acbb268{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-acbb268.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-acbb268 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-acbb268 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-acbb268 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-c37691a{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-98c441e{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-bf21a3c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-1370646 img{border-radius:10px 10px 10px 10px;}.elementor-173 .elementor-element.elementor-element-5fa8b5e{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-bd77ede{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-bd77ede .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-bd77ede .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-bd77ede .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-2c823b9{padding:0px 0px 0px 0px;font-family:"Arial", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-173 .elementor-element.elementor-element-2c823b9 a{color:#000000A6;}.elementor-173 .elementor-element.elementor-element-c92432b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d683b06{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d683b06:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-d683b06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-7a1450c{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-7a1450c .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-7a1450c.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-7a1450c.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-7a1450c.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-7a1450c.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-7a1450c.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-7a1450c .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-7a1450c .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-fa37d4a{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-fa37d4a .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-fa37d4a .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-fa37d4a .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-10ab932{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-e974040{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-e974040:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-e974040 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-f9e4760{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-f9e4760 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-f9e4760.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f9e4760.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f9e4760.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-f9e4760.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-f9e4760.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-f9e4760 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-f9e4760 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-ed5e83f{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-ed5e83f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-ed5e83f .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-ed5e83f .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-61066ce{--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 10px;--row-gap:0px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#25470E;--border-color:#25470E;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-61066ce:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-61066ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-30cec77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-30cec77 .elementor-icon-wrapper{text-align:center;}.elementor-173 .elementor-element.elementor-element-30cec77.elementor-view-stacked .elementor-icon{background-color:#25470E;}.elementor-173 .elementor-element.elementor-element-30cec77.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-30cec77.elementor-view-default .elementor-icon{color:#25470E;border-color:#25470E;}.elementor-173 .elementor-element.elementor-element-30cec77.elementor-view-framed .elementor-icon, .elementor-173 .elementor-element.elementor-element-30cec77.elementor-view-default .elementor-icon svg{fill:#25470E;}.elementor-173 .elementor-element.elementor-element-30cec77 .elementor-icon{font-size:25px;}.elementor-173 .elementor-element.elementor-element-30cec77 .elementor-icon svg{height:25px;}.elementor-173 .elementor-element.elementor-element-4a04383{padding:5px 0px 1px 0px;}.elementor-173 .elementor-element.elementor-element-4a04383 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#25470E;}.elementor-173 .elementor-element.elementor-element-4a04383 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-4a04383 .elementor-heading-title a:focus{color:#F65F31;}.elementor-173 .elementor-element.elementor-element-479f5e7{--divider-border-style:solid;--divider-color:#00000063;--divider-border-width:1px;padding:0px 10px 0px 10px;}.elementor-173 .elementor-element.elementor-element-479f5e7 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-173 .elementor-element.elementor-element-479f5e7 .elementor-divider{text-align:center;}.elementor-173 .elementor-element.elementor-element-0919080{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-6097285{width:var( --container-widget-width, 33% );max-width:33%;padding:6px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-173 .elementor-element.elementor-element-6097285.elementor-element{--align-self:flex-start;}.elementor-173 .elementor-element.elementor-element-6097285 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#000000;}.elementor-173 .elementor-element.elementor-element-6097285 .elementor-heading-title a:hover, .elementor-173 .elementor-element.elementor-element-6097285 .elementor-heading-title a:focus{color:#FFD659;}.elementor-173 .elementor-element.elementor-element-b9e587d{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;padding:0px 20px 0px 20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-173 .elementor-element.elementor-element-13d748d{--display:flex;}.elementor-173 .elementor-element.elementor-element-96435c2{--display:flex;}.elementor-173 .elementor-element.elementor-element-94e91c9{--display:flex;}.elementor-173 .elementor-element.elementor-element-28aa385{--display:flex;}.elementor-173 .elementor-element.elementor-element-c9d9136{--display:flex;}.elementor-173 .elementor-element.elementor-element-76808e8{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-gap:20px;--n-tabs-gap:50px;--n-tabs-title-border-radius:15px 15px 15px 15px;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:30px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#25470E;}.elementor-173 .elementor-element.elementor-element-76808e8 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-76808e8.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-173 .elementor-element.elementor-element-76808e8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-173 .elementor-element.elementor-element-76808e8.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#CDE9DF;}.elementor-173 .elementor-element.elementor-element-76808e8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Be Vietnam Pro", Sans-serif;font-weight:500;text-transform:none;}.elementor-173 .elementor-element.elementor-element-76808e8 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#25470E;}@media(min-width:768px){.elementor-173 .elementor-element.elementor-element-16f7aa6{--content-width:1366px;}.elementor-173 .elementor-element.elementor-element-52cdfd1{--width:100%;}.elementor-173 .elementor-element.elementor-element-e5d1494{--width:100%;}.elementor-173 .elementor-element.elementor-element-575e8d5{--content-width:1366px;}.elementor-173 .elementor-element.elementor-element-f39e7eb{--content-width:1366px;}.elementor-173 .elementor-element.elementor-element-3f0e538{--width:50%;}.elementor-173 .elementor-element.elementor-element-978b4a2{--width:50%;}.elementor-173 .elementor-element.elementor-element-9545629{--width:50%;}.elementor-173 .elementor-element.elementor-element-2a950d7{--width:50%;}.elementor-173 .elementor-element.elementor-element-a5325e5{--width:50%;}.elementor-173 .elementor-element.elementor-element-f5405ea{--width:50%;}.elementor-173 .elementor-element.elementor-element-ab1cbde{--width:50%;}.elementor-173 .elementor-element.elementor-element-dd8182a{--width:50%;}.elementor-173 .elementor-element.elementor-element-053c205{--width:50%;}.elementor-173 .elementor-element.elementor-element-b2c581a{--width:50%;}.elementor-173 .elementor-element.elementor-element-dbea40f{--width:50%;}.elementor-173 .elementor-element.elementor-element-6fea953{--width:50%;}.elementor-173 .elementor-element.elementor-element-c6d5c30{--width:50%;}.elementor-173 .elementor-element.elementor-element-46ee5fb{--width:50%;}.elementor-173 .elementor-element.elementor-element-14d735d{--width:50%;}.elementor-173 .elementor-element.elementor-element-a16b38e{--width:50%;}.elementor-173 .elementor-element.elementor-element-d1c19f1{--width:50%;}.elementor-173 .elementor-element.elementor-element-481bed7{--width:50%;}.elementor-173 .elementor-element.elementor-element-26924ed{--width:50%;}.elementor-173 .elementor-element.elementor-element-0851c1f{--width:50%;}.elementor-173 .elementor-element.elementor-element-dd22911{--width:50%;}.elementor-173 .elementor-element.elementor-element-6f924b4{--width:50%;}.elementor-173 .elementor-element.elementor-element-8d42134{--width:50%;}.elementor-173 .elementor-element.elementor-element-3395f16{--width:50%;}.elementor-173 .elementor-element.elementor-element-6a287a6{--width:50%;}.elementor-173 .elementor-element.elementor-element-673d9f4{--width:50%;}.elementor-173 .elementor-element.elementor-element-67c6255{--width:50%;}.elementor-173 .elementor-element.elementor-element-97a1757{--width:50%;}.elementor-173 .elementor-element.elementor-element-fd2a2b3{--width:50%;}.elementor-173 .elementor-element.elementor-element-11fe754{--width:50%;}.elementor-173 .elementor-element.elementor-element-117c45b{--width:50%;}.elementor-173 .elementor-element.elementor-element-1798c75{--width:50%;}.elementor-173 .elementor-element.elementor-element-a9fb035{--width:50%;}.elementor-173 .elementor-element.elementor-element-53f792a{--width:50%;}.elementor-173 .elementor-element.elementor-element-27a515e{--width:50%;}.elementor-173 .elementor-element.elementor-element-dd2dcd3{--width:50%;}.elementor-173 .elementor-element.elementor-element-8763f01{--width:50%;}.elementor-173 .elementor-element.elementor-element-e5d7bef{--width:50%;}.elementor-173 .elementor-element.elementor-element-077157e{--width:50%;}.elementor-173 .elementor-element.elementor-element-ce61ac6{--width:50%;}.elementor-173 .elementor-element.elementor-element-e974040{--width:50%;}.elementor-173 .elementor-element.elementor-element-61066ce{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-173 .elementor-element.elementor-element-16f7aa6{--content-width:95%;}.elementor-173 .elementor-element.elementor-element-575e8d5{--content-width:1100px;}.elementor-173 .elementor-element.elementor-element-f39e7eb{--content-width:1100px;}}@media(max-width:1200px) and (min-width:768px){.elementor-173 .elementor-element.elementor-element-575e8d5{--content-width:1100px;}.elementor-173 .elementor-element.elementor-element-f39e7eb{--content-width:1100px;}}@media(max-width:1024px) and (min-width:768px){.elementor-173 .elementor-element.elementor-element-52cdfd1{--width:100%;}}@media(min-width:2400px){.elementor-173 .elementor-element.elementor-element-16f7aa6{--min-height:80vh;}.elementor-173 .elementor-element.elementor-element-16f7aa6:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-16f7aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-173 .elementor-element.elementor-element-52cdfd1{--width:100%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:1366px){.elementor-173 .elementor-element.elementor-element-16f7aa6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-16f7aa6:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-16f7aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-173 .elementor-element.elementor-element-2b1d273 .elementor-heading-title{font-size:66px;}.elementor-173 .elementor-element.elementor-element-3f0e25d .elementor-heading-title{font-size:66px;}.elementor-173 .elementor-element.elementor-element-e3d04f6 .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-4605cde{line-height:1.4em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-173 .elementor-element.elementor-element-258da2f{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-09330c4{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-150476e{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-ece4eb1{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-7c034f3{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-9d0c4e1{--gap:7px 0px;--row-gap:7px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-171146f{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-e3b62f8{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-ef5af57{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-dd85198{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-fb15435{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-b7b399f{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-f4bebdb{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-4571be0{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-5673d95{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-0547311{--e-n-carousel-swiper-slides-to-display:3;}.elementor-173 .elementor-element.elementor-element-1905756 .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-8db3559{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-699d382{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-df1ece4{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-af2dddd{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-d10a790{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-035c24b{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-c665de2{--gap:7px 0px;--row-gap:7px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-175e620{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-01c3c18{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-ec2ac03{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-df9ea10{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-b88a662{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-c8f7834{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-7f1daa1{--e-n-carousel-swiper-slides-to-display:3;}.elementor-173 .elementor-element.elementor-element-8ab885a .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-babdb27{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-43c8120{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-626d5b6{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-886c7f6{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-7fe8c46{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-fedec9d{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-b0f1726{--gap:7px 0px;--row-gap:7px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-9538ad2{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-982ca45{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-d73f9b8{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-9e0a664{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-a934229{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-c8773f6{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-06401c5{--e-n-carousel-swiper-slides-to-display:3;}.elementor-173 .elementor-element.elementor-element-d528d14 .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-afb09ec{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-357a8c8{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-5528ef6{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-f045ee4{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-f1a36e4{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-3972672{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-a15474d{--gap:7px 0px;--row-gap:7px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-9f19732{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-06f7928{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-4f0568c{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-f558bbd{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-fbdd79d{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-16dbc49{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-ac7bf72{--e-n-carousel-swiper-slides-to-display:3;}.elementor-173 .elementor-element.elementor-element-c4e11d2 .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-48fc36b{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-d185aa6{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-ee63eeb{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-a71b818{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-bf0b82a{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-150b074{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-6cca278{--gap:7px 0px;--row-gap:7px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-dd8ba61{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-17dd097{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-acbb268{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-5fa8b5e{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-173 .elementor-element.elementor-element-2c823b9{line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-6097285{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-173 .elementor-element.elementor-element-b9e587d{--e-n-carousel-swiper-slides-to-display:3;}.elementor-173 .elementor-element.elementor-element-76808e8{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:0px;--n-tabs-gap:30px;--n-tabs-title-font-size:16px;}}@media(max-width:1200px){.elementor-173 .elementor-element.elementor-element-2b1d273 .elementor-heading-title{font-size:75px;}.elementor-173 .elementor-element.elementor-element-3f0e25d .elementor-heading-title{font-size:75px;}.elementor-173 .elementor-element.elementor-element-359ecff{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-173 .elementor-element.elementor-element-0547311{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-7f1daa1{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-06401c5{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-ac7bf72{padding:0px 0px 0px 0px;}.elementor-173 .elementor-element.elementor-element-b9e587d{padding:0px 0px 0px 0px;}}@media(max-width:1024px){.elementor-173 .elementor-element.elementor-element-16f7aa6:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-16f7aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-173 .elementor-element.elementor-element-2b1d273 .elementor-heading-title{font-size:66px;}.elementor-173 .elementor-element.elementor-element-3f0e25d .elementor-heading-title{font-size:66px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-173 .elementor-element.elementor-element-0547311{--e-n-carousel-swiper-slides-to-display:2;}.elementor-173 .elementor-element.elementor-element-7f1daa1{--e-n-carousel-swiper-slides-to-display:2;}.elementor-173 .elementor-element.elementor-element-06401c5{--e-n-carousel-swiper-slides-to-display:2;}.elementor-173 .elementor-element.elementor-element-ac7bf72{--e-n-carousel-swiper-slides-to-display:2;}.elementor-173 .elementor-element.elementor-element-b9e587d{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:880px){.elementor-173 .elementor-element.elementor-element-e3d04f6 .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-1905756 .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-8ab885a .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-d528d14 .elementor-heading-title{font-size:24px;}.elementor-173 .elementor-element.elementor-element-c4e11d2 .elementor-heading-title{font-size:24px;}}@media(max-width:767px){.elementor-173 .elementor-element.elementor-element-16f7aa6{--min-height:29vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-173 .elementor-element.elementor-element-16f7aa6:not(.elementor-motion-effects-element-type-background), .elementor-173 .elementor-element.elementor-element-16f7aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-size:cover;}.elementor-173 .elementor-element.elementor-element-52cdfd1{--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-173 .elementor-element.elementor-element-2b1d273 .elementor-heading-title{font-size:20px;letter-spacing:0px;}.elementor-173 .elementor-element.elementor-element-3f0e25d .elementor-heading-title{font-size:20px;letter-spacing:0px;}.elementor-173 .elementor-element.elementor-element-359ecff{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-e3d04f6{text-align:center;}.elementor-173 .elementor-element.elementor-element-e3d04f6 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-978b4a2{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-173 .elementor-element.elementor-element-258da2f{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-2a950d7{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ece4eb1{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-f5405ea{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ef5af57{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-dd8182a{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-b7b399f{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-b2c581a{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-5673d95{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-0547311{--e-n-carousel-swiper-slides-to-display:1;}.elementor-173 .elementor-element.elementor-element-1905756{text-align:center;}.elementor-173 .elementor-element.elementor-element-1905756 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-6fea953{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-699d382{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-46ee5fb{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d10a790{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-a16b38e{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-ec2ac03{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-481bed7{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-c8f7834{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-7f1daa1{--e-n-carousel-swiper-slides-to-display:1;}.elementor-173 .elementor-element.elementor-element-8ab885a{text-align:center;}.elementor-173 .elementor-element.elementor-element-8ab885a .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-0851c1f{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-43c8120{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-6f924b4{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-7fe8c46{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-3395f16{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d73f9b8{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-673d9f4{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-c8773f6{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-06401c5{--e-n-carousel-swiper-slides-to-display:1;}.elementor-173 .elementor-element.elementor-element-d528d14{text-align:center;}.elementor-173 .elementor-element.elementor-element-d528d14 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-97a1757{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-357a8c8{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-11fe754{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-f1a36e4{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-1798c75{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-4f0568c{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-53f792a{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-16dbc49{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-ac7bf72{--e-n-carousel-swiper-slides-to-display:1;}.elementor-173 .elementor-element.elementor-element-c4e11d2{text-align:center;}.elementor-173 .elementor-element.elementor-element-c4e11d2 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-173 .elementor-element.elementor-element-dd2dcd3{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-d185aa6{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-e5d7bef{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-bf0b82a{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-ce61ac6{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-acbb268{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-61066ce{--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-6097285{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-173 .elementor-element.elementor-element-b9e587d{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-2b1d273 */.h1banner-gioithieu {
    font-weight: 800;
    display: inline-block;
    white-space: nowrap;      
    max-width: 100%;
    overflow: visible;

    /* Trắng chủ đạo – vàng #FFD659 điểm nhấn */
    background: linear-gradient(
        90deg,
        #ffffff 0%,
        #ffffff 35%,
        #FFD659 50%,   /* vàng nhẹ ở giữa */
        #ffffff 65%,
        #ffffff 100%
    );
    background-size: 300% 100%;
    background-position: 0% 50%;

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: bannerGoldFlow 6s linear infinite;

    /* Ánh vàng rất nhẹ */
    text-shadow: 0 0 6px rgba(255, 214, 89, 0.25);
}

@keyframes bannerGoldFlow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 300% 50%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f0e25d */.h1banner-gioithieu {
    font-weight: 800;
    display: inline-block;
    white-space: nowrap;      
    max-width: 100%;
    overflow: visible;

    /* Trắng chủ đạo – vàng #FFD659 điểm nhấn */
    background: linear-gradient(
        90deg,
        #ffffff 0%,
        #ffffff 35%,
        #FFD659 50%,   /* vàng nhẹ ở giữa */
        #ffffff 65%,
        #ffffff 100%
    );
    background-size: 300% 100%;
    background-position: 0% 50%;

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: bannerGoldFlow 6s linear infinite;

    /* Ánh vàng rất nhẹ */
    text-shadow: 0 0 6px rgba(255, 214, 89, 0.25);
}

@keyframes bannerGoldFlow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 300% 50%;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-eaaad54 */.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb {
    display: flex !important;
    gap: 4px !important;
}

.woocommerce-breadcrumb a:first-child,
nav.woocommerce-breadcrumb a:first-child {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 1 !important;
}

.woocommerce-breadcrumb a:first-child::before,
nav.woocommerce-breadcrumb a:first-child::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325470E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
}


.woocommerce-breadcrumb *,
nav.woocommerce-breadcrumb * {
    vertical-align: middle !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e3d04f6 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-0547311 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1905756 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7f1daa1 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ab885a */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-06401c5 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d528d14 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ac7bf72 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c4e11d2 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b9e587d */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e3d04f6 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-0547311 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1905756 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7f1daa1 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ab885a */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-06401c5 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d528d14 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ac7bf72 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c4e11d2 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b9e587d */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e3d04f6 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-0547311 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1905756 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7f1daa1 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ab885a */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-06401c5 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d528d14 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ac7bf72 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c4e11d2 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b9e587d */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e3d04f6 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-0547311 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1905756 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7f1daa1 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ab885a */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-06401c5 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d528d14 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ac7bf72 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c4e11d2 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b9e587d */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e3d04f6 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-0547311 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1905756 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7f1daa1 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ab885a */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-06401c5 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d528d14 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ac7bf72 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c4e11d2 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b9e587d */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e3d04f6 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-0547311 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1905756 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7f1daa1 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ab885a */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-06401c5 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d528d14 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ac7bf72 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c4e11d2 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b9e587d */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e3d04f6 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9c8bc2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2f200f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4605cde */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c00874 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffcbb30 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-082e9bd */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-258da2f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6be82b1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150476e */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99c870c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de8a3e0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cf5317 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ece4eb1 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-371dd9c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3b62f8 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8bffc2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f72aa0 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2307e3e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef5af57 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c7be4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fb15435 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c64e3b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a156e19 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c986a1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b7b399f */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b345bee */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4571be0 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92dade5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ca0cb4c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0641090 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5673d95 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-0547311 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1905756 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70f0254 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec46f86 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8db3559 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-985b40e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-492d165 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-592b960 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-699d382 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f01c6f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af2dddd */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1afcd17 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f2186b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ebb946 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d10a790 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d240e79 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-01c3c18 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03dad34 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d98b78 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a7b185 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec2ac03 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70369fb */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b88a662 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6db205 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e03bb24 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b9e974 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8f7834 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7f1daa1 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ab885a */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b34eac */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e7bec1 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-babdb27 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c481662 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f51591a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d411e73 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43c8120 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c24ce3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-886c7f6 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-62894e9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f62562 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2055c2b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7fe8c46 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-244ad64 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-982ca45 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c93a8ed */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-761da41 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-363ab7e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d73f9b8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78b918d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a934229 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ba49c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c0a1f95 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8838bb9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8773f6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-06401c5 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d528d14 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f9d4f4 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0ce88 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-afb09ec */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d126def */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-abe0269 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f3ce5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-357a8c8 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-83e64cf */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f045ee4 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7901937 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc3ee89 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a78108d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1a36e4 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df1b2c3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06f7928 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6bdc4 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-553f4f5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43d58d8 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f0568c */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a6777 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbdd79d */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb35700 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3ceabf5 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41732c2 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16dbc49 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ac7bf72 */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c4e11d2 */.section3 {
    position: relative;
 
 
}

.section3::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 80%;
    width: 120px;
    height: 120px;
    background: linear-gradient(to bottom, #25470E, #25470E);
    border-radius: 50%;
    opacity: 0.8; 
    filter: blur(15px);
    z-index: 1;
    pointer-events: none;
}

.section3::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 250px;
    height: 250px;
    background: linear-gradient(to top, #a8e6cf, #25470E);
    border-radius: 50%;
    opacity: 0.7;
    filter: blur(25px);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c186d2 */.image-loaicay a {
    aspect-ratio: 1 / 1 !important;
    
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.image-loaicay img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease;
}
.image-loaicay:hover img {
    transform: scale(1.06);
}
.image-loaicay::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.image-loaicay:hover::after {
    animation: mirrorShine 0.8s ease forwards;
    opacity: 1;
}

@keyframes mirrorShine {
    0% {
        left: -75%;
    }
    100% {
        left: 130%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b198281 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-48fc36b */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-894c56d */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-329ef6c */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95fcb45 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d185aa6 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ea1e0b */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a71b818 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-376bf4e */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24ab1e3 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64dfd4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf0b82a */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-746d747 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-17dd097 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0b0a9 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ba647f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31b4e84 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbb268 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd77ede */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c823b9 */.mota-loaicay{
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa37d4a */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed5e83f */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a04383 */.tensanpham {
    display: -webkit-box  !important;
    -webkit-line-clamp: 1 !important;     
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6097285 */.xemthem {
  position: relative;
  display: inline-block;
  padding-right: 10px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.xemthem::after {
  padding-top: 5px;
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 1.1em;
}

.xemthem:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.xemthem:hover {
  color: #FFD659; 
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b9e587d */:not(.loai-cay) .elementor-swiper-button-next,
:not(.loai-cay) .elementor-swiper-button-prev {
    background: #25470E !important;
    color: #fff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.35s ease !important;
    z-index: 10 !important;
}

:not(.loai-cay) .elementor-swiper-button i,
:not(.loai-cay) .elementor-swiper-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.35s ease !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover,
:not(.loai-cay) .elementor-swiper-button-prev:hover {
    background: #FFD659 !important;
    box-shadow: 0 12px 28px rgba(46,204,113,0.5) !important;
}

:not(.loai-cay) .elementor-swiper-button-prev:hover i,
:not(.loai-cay) .elementor-swiper-button-prev:hover svg {
    transform: translateX(-4px) !important;
}

:not(.loai-cay) .elementor-swiper-button-next:hover i,
:not(.loai-cay) .elementor-swiper-button-next:hover svg {
    transform: translateX(4px) !important;
}
@media (max-width: 768px) {
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        opacity: 0.9 !important;
    }

    :not(.loai-cay) .elementor-swiper-button-next:hover,
    :not(.loai-cay) .elementor-swiper-button-prev:hover,
    :not(.loai-cay) .elementor-swiper-button-next:active,
    :not(.loai-cay) .elementor-swiper-button-prev:active {
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
 
    :not(.loai-cay) .elementor-swiper-button-prev {
        left: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next {
        right: 5px !important;
    }
    
    :not(.loai-cay) .elementor-swiper-button-next,
    :not(.loai-cay) .elementor-swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    :not(.loai-cay) .elementor-swiper-button i,
    :not(.loai-cay) .elementor-swiper-button svg {
        font-size: 15px !important;
        width: 15px !important;
        height: 15px !important;
    }
}/* End custom CSS */