.elementor-1355 .elementor-element.elementor-element-0edb9af{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--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 ), Sans-serif;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 );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1355 .elementor-element.elementor-element-ad0eb39 img{width:100%;height:450px;object-fit:cover;object-position:center center;}.elementor-1355 .elementor-element.elementor-element-0ed2de1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1355 .elementor-element.elementor-element-d08540f{text-align:center;}.elementor-1355 .elementor-element.elementor-element-d08540f .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:22px;font-weight:500;text-transform:uppercase;line-height:normal;letter-spacing:0.01rem;color:var( --e-global-color-1b7e214 );}.elementor-1355 .elementor-element.elementor-element-05849eb > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-05849eb .jet-listing-dynamic-terms{text-align:center;}.elementor-1355 .elementor-element.elementor-element-05849eb .jet-listing-dynamic-terms__link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;line-height:normal;letter-spacing:0.025rem;color:var( --e-global-color-1b7e214 );}.elementor-1355 .elementor-element.elementor-element-05849eb .jet-listing-dynamic-terms__delimiter{color:var( --e-global-color-1b7e214 );font-size:16px;margin-left:6px;margin-right:2px;}.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-1355 .elementor-element.elementor-element-a7c3d3d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-a7c3d3d .elementor-icon-wrapper{text-align:center;}.elementor-1355 .elementor-element.elementor-element-a7c3d3d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-1b7e214 );}.elementor-1355 .elementor-element.elementor-element-a7c3d3d.elementor-view-framed .elementor-icon, .elementor-1355 .elementor-element.elementor-element-a7c3d3d.elementor-view-default .elementor-icon{color:var( --e-global-color-1b7e214 );border-color:var( --e-global-color-1b7e214 );}.elementor-1355 .elementor-element.elementor-element-a7c3d3d.elementor-view-framed .elementor-icon, .elementor-1355 .elementor-element.elementor-element-a7c3d3d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-1b7e214 );}.elementor-1355 .elementor-element.elementor-element-a7c3d3d .elementor-icon{font-size:14px;padding:5px;border-width:2px 2px 2px 2px;}.elementor-1355 .elementor-element.elementor-element-a7c3d3d .elementor-icon svg{height:14px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1355 .elementor-element.elementor-element-ad0eb39 img{height:295px;object-position:center center;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1355 .elementor-element.elementor-element-d08540f .elementor-heading-title{font-size:17px;letter-spacing:0.01rem;}.elementor-1355 .elementor-element.elementor-element-05849eb > .elementor-widget-container{margin:-4px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-05849eb .jet-listing-dynamic-terms__link{font-size:13px;letter-spacing:0.01rem;}.elementor-1355 .elementor-element.elementor-element-05849eb .jet-listing-dynamic-terms__delimiter{font-size:15px;margin-left:5px;margin-right:0px;}.elementor-1355 .elementor-element.elementor-element-a7c3d3d .elementor-icon{font-size:10px;}.elementor-1355 .elementor-element.elementor-element-a7c3d3d .elementor-icon svg{height:10px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1355 .elementor-element.elementor-element-ad0eb39 img{height:250px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1355 .elementor-element.elementor-element-d08540f .elementor-heading-title{font-size:17px;letter-spacing:0.007rem;}.elementor-1355 .elementor-element.elementor-element-05849eb > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-05849eb .jet-listing-dynamic-terms__link{font-size:12px;letter-spacing:0.015rem;}}@media(min-width:768px){.elementor-1355 .elementor-element.elementor-element-0edb9af{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1355 .elementor-element.elementor-element-0ed2de1{--width:100%;}}/* Start custom CSS for theme-post-title, class: .elementor-element-d08540f */.project-name p{
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    transition: ease 0.5s;
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-terms, class: .elementor-element-05849eb */.project-cate{
    transition: ease 0.5s;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a7c3d3d */.icon-readmore{
    height: 30px;
    opacity: 0;
    transition: ease 0.5s;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1024px){
    .icon-readmore{
        height: 24px;
        bottom: 18px;
    }
}

/*@media (max-width: 991px){
    .icon-readmore{
        height: 24px;
        bottom: 18px;
    }
}*/

@media (max-width: 767px){
    .icon-readmore{
        bottom: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ed2de1 */.project-nameBox{
    width: 100%;
    height: auto;
    padding: 50px 20px 20px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.6) 45%, rgba(17, 17, 17, 0.85) 85.1%);
    transition: ease 0.5s;
}

@media (max-width: 1024px){
    .project-nameBox{
        padding: 
        45px 18px 20px 18px;
    }
}

@media (max-width: 991px){
    .project-nameBox{
        padding: 
        45px 16px 18px 16px;
    }
}

@media (max-width: 767px){
    .project-nameBox{
        padding: 
        45px 15px 16px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0edb9af */.projectBox{
    position: relative;
    transition: ease 0.5s;
}
.projectBox:after{
    content: '';
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    border: 1px solid white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: ease 0.5s;
}
.projectBox:hover:after{
    opacity: 1;
}
.projectBox:hover .project-nameBox{
    transition: ease 0.5s;
    padding-bottom: 65px;
}
.projectBox:hover .icon-readmore{
    opacity: 1;
}

@media (max-width: 1024px){
    .projectBox:after{
        width: calc(100% - 12px);
        height: calc(100% - 12px);
    }
    .projectBox:hover .project-nameBox{
        padding-bottom: 50px;
    }
}

@media (max-width: 767px){
    .projectBox:after{
        width: calc(100% - 10px);
        height: calc(100% - 10px);
    }
    .projectBox:hover .project-nameBox{
        padding-bottom: 46px;
    }
}/* End custom CSS */