.elementor-257 .elementor-element.elementor-element-b352627{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-689f513{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-a3de8cb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{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-257 .elementor-element.elementor-element-0bc0379 .elementor-heading-title{font-size:28px;font-weight:600;line-height:38px;}.elementor-257 .elementor-element.elementor-element-461cd86 .elementor-heading-title{font-size:22px;font-weight:400;font-style:italic;line-height:30px;color:#282828;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-257 .elementor-element.elementor-element-95ba665{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );background-color:var( --e-global-color-accent );}.elementor-257 .elementor-element.elementor-element-64f4d7b .elementor-button{font-size:22px;font-weight:400;line-height:28px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-color:var( --e-global-color-09dff7f );border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:7px 18px 9px 18px;}.elementor-257 .elementor-element.elementor-element-64f4d7b .elementor-button:hover, .elementor-257 .elementor-element.elementor-element-64f4d7b .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-257 .elementor-element.elementor-element-64f4d7b{bottom:30px;}.elementor-257 .elementor-element.elementor-element-59b67dd{--display:flex;--min-height:450px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-59b67dd:not(.elementor-motion-effects-element-type-background), .elementor-257 .elementor-element.elementor-element-59b67dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-257 .elementor-element.elementor-element-aa4b095{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:30px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-257 .elementor-element.elementor-element-cc1bbce .elementor-heading-title{font-size:28px;font-weight:600;line-height:38px;color:var( --e-global-color-09dff7f );}.elementor-257 .elementor-element.elementor-element-9f6ae0f .elementor-heading-title{font-size:22px;font-weight:400;font-style:italic;line-height:30px;color:#282828;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-257 .elementor-element.elementor-element-1d5cc37{text-align:center;font-size:19px;font-weight:300;line-height:28px;color:var( --e-global-color-09dff7f );width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-257 .elementor-element.elementor-element-1d5cc37 a{color:var( --e-global-color-09dff7f );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-689f513 */.bg-food-cate {
background: linear-gradient(212.62deg, #FEFEFE 0%, #E6E6E6 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b352627 */.main-container{
  position: relative;
  overflow: hidden;
}

/* กล่องแรก */
.main-container .bg-food-cate{
  position: relative;
  z-index: 1;
}

/* กล่อง detail overlay */
.main-container .bg-food-cate-detail{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .6s ease;
  z-index: 2;
}

/* hover */
.main-container:hover .bg-food-cate-detail{
  opacity: 1;
}/* End custom CSS */