.elementor-720 .elementor-element.elementor-element-5524ced{--display:flex;--min-height:330px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-720 .elementor-element.elementor-element-5524ced:not(.elementor-motion-effects-element-type-background), .elementor-720 .elementor-element.elementor-element-5524ced > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), noto sans thai, Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-720 .elementor-element.elementor-element-9ed6194{width:100%;max-width:100%;bottom:15px;text-align:center;}body:not(.rtl) .elementor-720 .elementor-element.elementor-element-9ed6194{left:0px;}body.rtl .elementor-720 .elementor-element.elementor-element-9ed6194{right:0px;}.elementor-720 .elementor-element.elementor-element-9ed6194 .elementor-heading-title{font-family:"Roboto", noto sans thai, Sans-serif;font-size:22px;font-weight:500;text-transform:capitalize;line-height:22px;letter-spacing:2px;color:#FFFFFF;}.elementor-720 .elementor-element.elementor-element-131fe80{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-720 .elementor-element.elementor-element-131fe80:not(.elementor-motion-effects-element-type-background), .elementor-720 .elementor-element.elementor-element-131fe80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF4D;}.elementor-720 .elementor-element.elementor-element-ea5591e .elementor-heading-title{font-family:"Roboto", noto sans thai, Sans-serif;font-size:22px;font-weight:500;text-transform:capitalize;line-height:22px;letter-spacing:2px;color:#FFFFFF;}.elementor-720 .elementor-element.elementor-element-c599e08{width:100%;max-width:100%;text-align:center;}.elementor-720 .elementor-element.elementor-element-c599e08 .elementor-heading-title{font-family:"Roboto", noto sans thai, Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), noto sans thai, Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-720 .elementor-element.elementor-element-bd684af .elementor-button{background-color:#E2E2E200;font-family:"Roboto", noto sans thai, Sans-serif;font-size:13px;font-weight:500;text-transform:capitalize;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-720 .elementor-element.elementor-element-bd684af:hover{--e-transform-translateX:15px;}.elementor-720 .elementor-element.elementor-element-bd684af{padding:0px 0px 0px 0px;--e-transform-transition-duration:1000ms;}.elementor-720 .elementor-element.elementor-element-bd684af .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-720 .elementor-element.elementor-element-bd684af .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-720 .elementor-element.elementor-element-30fc640{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-720 .elementor-element.elementor-element-30fc640:not(.elementor-motion-effects-element-type-background), .elementor-720 .elementor-element.elementor-element-30fc640 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-720 .elementor-element.elementor-element-d25bb73{width:100%;max-width:100%;text-align:center;}.elementor-720 .elementor-element.elementor-element-d25bb73 .elementor-heading-title{font-family:"Roboto", noto sans thai, Sans-serif;font-size:22px;font-weight:500;text-transform:capitalize;line-height:22px;letter-spacing:2px;color:#FFFFFF;}.elementor-720 .elementor-element.elementor-element-992c94b{width:100%;max-width:100%;text-align:center;}.elementor-720 .elementor-element.elementor-element-992c94b .elementor-heading-title{font-family:"Roboto", noto sans thai, Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-720 .elementor-element.elementor-element-7715681 .elementor-button{background-color:#E2E2E200;font-family:"Roboto", noto sans thai, Sans-serif;font-size:13px;font-weight:500;text-transform:capitalize;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-720 .elementor-element.elementor-element-7715681:hover{--e-transform-translateX:15px;}.elementor-720 .elementor-element.elementor-element-7715681{padding:0px 0px 0px 0px;--e-transform-transition-duration:1000ms;}.elementor-720 .elementor-element.elementor-element-7715681 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-720 .elementor-element.elementor-element-7715681 .elementor-button .elementor-button-content-wrapper{gap:15px;}@media(max-width:1024px){.elementor-720 .elementor-element.elementor-element-5524ced{--min-height:200px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-720 .elementor-element.elementor-element-9ed6194{bottom:10px;}.elementor-720 .elementor-element.elementor-element-9ed6194 .elementor-heading-title{font-size:20px;line-height:20px;}.elementor-720 .elementor-element.elementor-element-131fe80{--gap:4px 4px;--row-gap:4px;--column-gap:4px;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-720 .elementor-element.elementor-element-ea5591e .elementor-heading-title{font-size:20px;line-height:20px;}.elementor-720 .elementor-element.elementor-element-c599e08 .elementor-heading-title{font-size:14px;line-height:24px;}.elementor-720 .elementor-element.elementor-element-bd684af .elementor-button{font-size:12px;}.elementor-720 .elementor-element.elementor-element-30fc640{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:4px 4px;--row-gap:4px;--column-gap:4px;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-720 .elementor-element.elementor-element-d25bb73 .elementor-heading-title{font-size:18px;line-height:20px;}.elementor-720 .elementor-element.elementor-element-992c94b .elementor-heading-title{font-size:14px;line-height:24px;}.elementor-720 .elementor-element.elementor-element-7715681 .elementor-button{font-size:12px;}}@media(max-width:767px){.elementor-720 .elementor-element.elementor-element-5524ced{--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-720 .elementor-element.elementor-element-9ed6194{bottom:5px;}.elementor-720 .elementor-element.elementor-element-9ed6194 .elementor-heading-title{font-size:18px;line-height:18px;}.elementor-720 .elementor-element.elementor-element-131fe80{--border-radius:10px 10px 10px 10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-720 .elementor-element.elementor-element-ea5591e .elementor-heading-title{font-size:18px;line-height:18px;}.elementor-720 .elementor-element.elementor-element-c599e08 .elementor-heading-title{font-size:13px;line-height:22px;}.elementor-720 .elementor-element.elementor-element-bd684af .elementor-button{font-size:11px;}.elementor-720 .elementor-element.elementor-element-30fc640{--gap:3px 3px;--row-gap:3px;--column-gap:3px;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-720 .elementor-element.elementor-element-d25bb73 .elementor-heading-title{font-size:16px;line-height:18px;}.elementor-720 .elementor-element.elementor-element-992c94b .elementor-heading-title{font-size:13px;line-height:22px;}.elementor-720 .elementor-element.elementor-element-7715681 .elementor-button{font-size:11px;}}/* Start custom CSS for heading, class: .elementor-element-9ed6194 */.title-product {
    display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ea5591e */.title-product1 {
    display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c599e08 */.details-product {
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bd684af */.see-more .elementor-button-icon svg {
    height: 11px;
    width: 11px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131fe80 */.bg-product {
    backdrop-filter: blur(7.5px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5524ced */.box-product:hover .title-product {
    opacity: 0;
    transition: 1s;
}

.bg-product {
    opacity: 0;
    transition: 1s;
}

.box-product:hover .bg-product {
    opacity: 1;
    transition: 1s;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-992c94b */.details-product {
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7715681 */.see-more .elementor-button-icon svg {
    height: 11px;
    width: 11px;
}/* End custom CSS */