.elementor-215 .elementor-element.elementor-element-9378e63{--display:flex;--min-height:500px;--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:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:60px 60px 60px 60px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-215 .elementor-element.elementor-element-9378e63:hover::before, .elementor-215 .elementor-element.elementor-element-9378e63:hover > .elementor-background-video-container::before, .elementor-215 .elementor-element.elementor-element-9378e63:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-215 .elementor-element.elementor-element-9378e63 > .elementor-background-slideshow:hover::before, .elementor-215 .elementor-element.elementor-element-9378e63 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-215 .elementor-element.elementor-element-9378e63:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-9378e63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-215 .elementor-element.elementor-element-9378e63:hover{--overlay-opacity:0.8;}.elementor-215 .elementor-element.elementor-element-9378e63, .elementor-215 .elementor-element.elementor-element-9378e63::before{--overlay-transition:1.5s;}.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-215 .elementor-element.elementor-element-ea2d213 .elementor-heading-title{font-family:"Roboto", IBM Plex Sans Thai, Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;line-height:26px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-215 .elementor-element.elementor-element-52f44db{text-align:center;}.elementor-215 .elementor-element.elementor-element-52f44db .elementor-heading-title{font-family:"Roboto", IBM Plex Sans Thai, Sans-serif;font-size:16px;font-weight:300;line-height:30px;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-215 .elementor-element.elementor-element-be99d24 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-215 .elementor-element.elementor-element-be99d24 .elementor-icon-wrapper{text-align:center;}.elementor-215 .elementor-element.elementor-element-be99d24.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-215 .elementor-element.elementor-element-be99d24.elementor-view-framed .elementor-icon, .elementor-215 .elementor-element.elementor-element-be99d24.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-215 .elementor-element.elementor-element-be99d24.elementor-view-framed .elementor-icon, .elementor-215 .elementor-element.elementor-element-be99d24.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-215 .elementor-element.elementor-element-be99d24 .elementor-icon{font-size:25px;}.elementor-215 .elementor-element.elementor-element-be99d24 .elementor-icon svg{height:25px;}.elementor-215 .elementor-element.elementor-element-bc8e17a{--display:flex;--min-height:500px;--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:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;--border-radius:60px 60px 60px 60px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-215 .elementor-element.elementor-element-bc8e17a::before, .elementor-215 .elementor-element.elementor-element-bc8e17a > .elementor-background-video-container::before, .elementor-215 .elementor-element.elementor-element-bc8e17a > .e-con-inner > .elementor-background-video-container::before, .elementor-215 .elementor-element.elementor-element-bc8e17a > .elementor-background-slideshow::before, .elementor-215 .elementor-element.elementor-element-bc8e17a > .e-con-inner > .elementor-background-slideshow::before, .elementor-215 .elementor-element.elementor-element-bc8e17a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-215 .elementor-element.elementor-element-bc8e17a:hover::before, .elementor-215 .elementor-element.elementor-element-bc8e17a:hover > .elementor-background-video-container::before, .elementor-215 .elementor-element.elementor-element-bc8e17a:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-215 .elementor-element.elementor-element-bc8e17a > .elementor-background-slideshow:hover::before, .elementor-215 .elementor-element.elementor-element-bc8e17a > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-215 .elementor-element.elementor-element-bc8e17a:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-bc8e17a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-215 .elementor-element.elementor-element-bc8e17a:hover{--overlay-opacity:0.8;}.elementor-215 .elementor-element.elementor-element-bc8e17a, .elementor-215 .elementor-element.elementor-element-bc8e17a::before{--overlay-transition:1.5s;}.elementor-215 .elementor-element.elementor-element-fc058d7 .elementor-heading-title{font-family:"Roboto", IBM Plex Sans Thai, Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;line-height:26px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-215 .elementor-element.elementor-element-c3635b0{text-align:center;}.elementor-215 .elementor-element.elementor-element-c3635b0 .elementor-heading-title{font-family:"Roboto", IBM Plex Sans Thai, Sans-serif;font-size:16px;font-weight:300;line-height:30px;color:#FFFFFF;}.elementor-215 .elementor-element.elementor-element-479390f > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-215 .elementor-element.elementor-element-479390f .elementor-icon-wrapper{text-align:center;}.elementor-215 .elementor-element.elementor-element-479390f.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-215 .elementor-element.elementor-element-479390f.elementor-view-framed .elementor-icon, .elementor-215 .elementor-element.elementor-element-479390f.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-215 .elementor-element.elementor-element-479390f.elementor-view-framed .elementor-icon, .elementor-215 .elementor-element.elementor-element-479390f.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-215 .elementor-element.elementor-element-479390f .elementor-icon{font-size:25px;}.elementor-215 .elementor-element.elementor-element-479390f .elementor-icon svg{height:25px;}@media(max-width:1024px){.elementor-215 .elementor-element.elementor-element-ea2d213 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-215 .elementor-element.elementor-element-52f44db .elementor-heading-title{font-size:14px;line-height:26px;}.elementor-215 .elementor-element.elementor-element-be99d24 .elementor-icon{font-size:20px;}.elementor-215 .elementor-element.elementor-element-be99d24 .elementor-icon svg{height:20px;}.elementor-215 .elementor-element.elementor-element-bc8e17a{--min-height:270px;--justify-content:center;--overlay-opacity:0.3;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-215 .elementor-element.elementor-element-fc058d7 .elementor-heading-title{font-size:16px;line-height:22px;}.elementor-215 .elementor-element.elementor-element-c3635b0 .elementor-heading-title{font-size:12px;line-height:20px;}.elementor-215 .elementor-element.elementor-element-479390f .elementor-icon{font-size:20px;}.elementor-215 .elementor-element.elementor-element-479390f .elementor-icon svg{height:20px;}}@media(max-width:767px){.elementor-215 .elementor-element.elementor-element-ea2d213 .elementor-heading-title{font-size:16px;line-height:22px;}.elementor-215 .elementor-element.elementor-element-52f44db .elementor-heading-title{font-size:12px;line-height:24px;}.elementor-215 .elementor-element.elementor-element-be99d24 .elementor-icon{font-size:18px;}.elementor-215 .elementor-element.elementor-element-be99d24 .elementor-icon svg{height:18px;}.elementor-215 .elementor-element.elementor-element-bc8e17a{--min-height:200px;--justify-content:center;--border-radius:30px 30px 30px 30px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-215 .elementor-element.elementor-element-fc058d7 .elementor-heading-title{font-size:14px;line-height:20px;}.elementor-215 .elementor-element.elementor-element-c3635b0 .elementor-heading-title{font-size:10px;line-height:18px;}.elementor-215 .elementor-element.elementor-element-479390f .elementor-icon{font-size:18px;}.elementor-215 .elementor-element.elementor-element-479390f .elementor-icon svg{height:18px;}}/* Start custom CSS for heading, class: .elementor-element-52f44db */.details {
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9378e63 */.name{
    opacity: 0;
}
.details{
    opacity: 0;
}
.icon-view {
    opacity: 0;
}

.box:hover .name {
    opacity: 1;
    transition: all 1.3s;
}
.box:hover .details {
    opacity: 1;
    transition: all 1.3s;
}
.box:hover .icon-view {
    opacity: 1;
    transition: all 1.3s;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3635b0 */.details-mb {
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}/* End custom CSS */