.elementor-1510 .elementor-element.elementor-element-ca45559{--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-1510 .elementor-element.elementor-element-e87c51d{--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-1510 .elementor-element.elementor-element-b03666b{--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-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-1510 .elementor-element.elementor-element-5c5a50d .elementor-heading-title{font-size:28px;font-weight:600;line-height:38px;}.elementor-1510 .elementor-element.elementor-element-4e09313 .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-1510 .elementor-element.elementor-element-3e85661{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );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 );}.elementor-1510 .elementor-element.elementor-element-fc5f0de .elementor-button{background-color:var( --e-global-color-09dff7f );font-size:22px;font-weight:400;line-height:28px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:7px 18px 9px 18px;}.elementor-1510 .elementor-element.elementor-element-fc5f0de .elementor-button:hover, .elementor-1510 .elementor-element.elementor-element-fc5f0de .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1510 .elementor-element.elementor-element-fc5f0de{bottom:30px;}.elementor-1510 .elementor-element.elementor-element-5dd004b{--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-1510 .elementor-element.elementor-element-5dd004b:not(.elementor-motion-effects-element-type-background), .elementor-1510 .elementor-element.elementor-element-5dd004b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1510 .elementor-element.elementor-element-f1412b5{--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-1510 .elementor-element.elementor-element-b675dbb .elementor-heading-title{font-size:28px;font-weight:600;line-height:38px;color:var( --e-global-color-09dff7f );}.elementor-1510 .elementor-element.elementor-element-26cae33 .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-1510 .elementor-element.elementor-element-761c420{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-size:19px;font-weight:300;line-height:28px;color:var( --e-global-color-09dff7f );}.elementor-1510 .elementor-element.elementor-element-761c420 a{color:var( --e-global-color-09dff7f );}@media(max-width:1024px){.elementor-1510 .elementor-element.elementor-element-ca45559{--min-height:350px;--border-radius:20px 20px 20px 20px;}.elementor-1510 .elementor-element.elementor-element-e87c51d{--min-height:350px;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1510 .elementor-element.elementor-element-5c5a50d .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-1510 .elementor-element.elementor-element-4e09313{text-align:center;}.elementor-1510 .elementor-element.elementor-element-4e09313 .elementor-heading-title{font-size:18px;line-height:24px;}.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-1510 .elementor-element.elementor-element-fc5f0de .elementor-button{font-size:18px;line-height:24px;}.elementor-1510 .elementor-element.elementor-element-5dd004b{--min-height:350px;--border-radius:20px 20px 20px 20px;}.elementor-1510 .elementor-element.elementor-element-f1412b5{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-1510 .elementor-element.elementor-element-b675dbb .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-1510 .elementor-element.elementor-element-26cae33 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1510 .elementor-element.elementor-element-761c420{font-size:16px;line-height:24px;}}@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-e87c51d */.bg-food-cate {
background: linear-gradient(212.62deg, #FEFEFE 0%, #E6E6E6 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca45559 */.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 */