.elementor-1376 .elementor-element.elementor-element-914f9a7{--display:flex;--min-height:230px;--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:space-between;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1376 .elementor-element.elementor-element-914f9a7:not(.elementor-motion-effects-element-type-background), .elementor-1376 .elementor-element.elementor-element-914f9a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1376 .elementor-element.elementor-element-914f9a7.e-con:hover{--e-con-transform-translateY:-5px;}.elementor-1376 .elementor-element.elementor-element-914f9a7:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);}.elementor-1376 .elementor-element.elementor-element-914f9a7, .elementor-1376 .elementor-element.elementor-element-914f9a7::before{--border-transition:0.3s;}.elementor-1376 .elementor-element.elementor-element-99f9141{--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:10px 10px;--row-gap:10px;--column-gap:10px;--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 ), IBM Plex Sans Thai, Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1376 .elementor-element.elementor-element-566c8e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;border-radius:100px 100px 100px 100px;}.elementor-1376 .elementor-element.elementor-element-566c8e2 img{width:24px;height:24px;object-fit:contain;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), IBM Plex Sans Thai, Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1376 .elementor-element.elementor-element-8f6d70b .elementor-heading-title{font-family:"IBM Plex Sans Thai", IBM Plex Sans Thai, Sans-serif;font-size:18px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-1376 .elementor-element.elementor-element-8490332 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 7px 0px;}.elementor-1376 .elementor-element.elementor-element-8490332 .elementor-heading-title{font-family:"IBM Plex Sans Thai", IBM Plex Sans Thai, Sans-serif;font-size:14px;font-weight:600;line-height:24px;color:#FFFFFF;}@media(max-width:1024px){.elementor-1376 .elementor-element.elementor-element-914f9a7{--min-height:180px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1376 .elementor-element.elementor-element-566c8e2 > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-1376 .elementor-element.elementor-element-566c8e2 img{width:20px;height:20px;}.elementor-1376 .elementor-element.elementor-element-8f6d70b .elementor-heading-title{font-size:16px;line-height:26px;}.elementor-1376 .elementor-element.elementor-element-8490332 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-1376 .elementor-element.elementor-element-8490332 .elementor-heading-title{font-size:12px;line-height:22px;}}@media(max-width:767px){.elementor-1376 .elementor-element.elementor-element-914f9a7{--min-height:170px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1376 .elementor-element.elementor-element-566c8e2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1376 .elementor-element.elementor-element-566c8e2 img{width:15px;height:15px;}.elementor-1376 .elementor-element.elementor-element-8f6d70b .elementor-heading-title{font-size:14px;line-height:24px;}.elementor-1376 .elementor-element.elementor-element-8490332 > .elementor-widget-container{margin:10px 0px 0px 0px;}}/* Start custom CSS for image, class: .elementor-element-566c8e2 */.img_category {
    border-radius: 100px;
    display: flex;
    justify-content: center;
    height: 50px;
    width: 50px;
    background: #FFFFFF33;
}
@media screen and (max-width: 989px) {
    .img_category {
    height: 40px;
    width: 40px;
}
}

@media screen and (max-width: 749px) {
.img_category {
    height: 30px;
    width: 30px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-914f9a7 */.category:hover .img_category {
    background: #2F3336;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    transform: rotate(-15deg);
    transition: 0.5s;
}
.more {
        background: linear-gradient(#2F3336, #2F3336) left bottom / 30% 3px no-repeat;
    transition: background-size .3s ease;
}
.category:hover .more {
        background: linear-gradient(#2F3336, #2F3336) left bottom / 100% 3px no-repeat;
    transition: background-size .3s ease;
}/* End custom CSS */