.elementor-3779 .elementor-element.elementor-element-da9f457{--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:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-ha-gradient-heading .ha-gradient-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3779 .elementor-element.elementor-element-0d63cf6 > .elementor-widget-container{margin:0px 0px -35px 0px;}.elementor-3779 .elementor-element.elementor-element-0d63cf6{text-align:center;}.elementor-3779 .elementor-element.elementor-element-0d63cf6 .ha-gradient-heading{color:var( --e-global-color-primary );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 40%, var( --e-global-color-secondary ) 60%);font-size:38px;font-weight:600;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3779 .elementor-element.elementor-element-87ec66a{text-align:center;}.elementor-3779 .elementor-element.elementor-element-87ec66a .elementor-heading-title{font-family:"Anuphan", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3779 .elementor-element.elementor-element-87ec66a .elementor-heading-title:hover{color:var( --e-global-color-secondary );}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .dt-css-grid{grid-column-gap:15px;grid-row-gap:15px;--grid-row-gap:15px;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .dt-isotope .wf-cell{padding-right:calc(15px/2) !important;padding-left:calc(15px/2) !important;padding-top:calc(15px/2) !important;padding-bottom:calc(15px/2) !important;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .dt-isotope{margin-right:calc(-1*15px/2) !important;margin-left:calc(-1*15px/2) !important;margin-top:calc(-1*15px/2) !important;margin-bottom:calc(-1*15px/2) !important;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .filter{--display-by:none;--display-sort:none;justify-content:center;}.elementor-3779 .elementor-element.elementor-element-b6f26c7{--the7-img-object-fit:var(--object-fit);--the7-img-width:var(--ratio-img-width);--the7-img-height:var(--ratio-img-height);--the7-img-max-height:var(--max-height);--the7-img-max-width:var(--max-width);--box-width:var(--image-size, var(--ratio-img-width));--the7-img-ratio:var(--aspect-ratio, var(--ratio));--object-fit:cover;--ratio-img-width:100%;--svg-width:100%;--height:100%;--max-height:100%;--max-width:100%;--aspect-ratio:0.95;--content-bg-color:var( --e-global-color-primary );} .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:before, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:before, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after {background-color:transparent;background-image:linear-gradient(185deg, #33333300 71%, #56738F78 91%);} .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after { transition: all 0.3s; } .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:before, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:before, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:before { transition: opacity 0.3s;} .elementor-3779 .elementor-element.elementor-element-b6f26c7 .post-thumbnail:hover > .post-thumbnail-rollover:before, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .post-thumbnail:not(:hover) > .post-thumbnail-rollover:after {transition-delay: 0.15s;} .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after {background:#FFFFFF00;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .classic-layout-list .post-thumbnail{max-width:100%;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 article{border-color:#56738F4A;} .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after {background-color:transparent;background-image:linear-gradient(205deg, #FFFFFF00 62%, #56738F61 100%);}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .the7-hover-icon{border-color:#02010100;background:#02010100;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .the7-hover-icon:hover{border-color:#02010100;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-under-image .post-entry-content{max-width:100%;align-self:flex-start;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .description-on-hover .post-entry-content .post-entry-body{max-width:100%;align-self:flex-start;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 article .post-entry-content{padding:15px 15px 15px 15px;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .content-rollover-layout-list .post-entry-wrapper{padding:15px 15px 15px 15px;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .post-entry-content{text-align:center;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .classic-layout-list .post-thumbnail-wrap{text-align:center;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .ele-entry-title{font-family:"Anuphan", Sans-serif;font-size:16px;font-weight:500;margin-bottom:0px;}#the7-body .elementor-3779 .elementor-element.elementor-element-b6f26c7 article:not(.class-1):not(.keep-custom-css) .ele-entry-title a{color:var( --e-global-color-0561ef4 );}#the7-body .elementor-3779 .elementor-element.elementor-element-b6f26c7 article:not(.class-1):not(.keep-custom-css) .ele-entry-title span{color:var( --e-global-color-0561ef4 );}#the7-body .elementor-3779 .elementor-element.elementor-element-b6f26c7 article:not(.class-1):not(.keep-custom-css) .ele-entry-title a:hover{color:var( --e-global-color-secondary );}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .content-rollover-layout-list.meta-info-off .post-entry-wrapper{bottom:-0px;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .entry-meta .meta-item:not(:first-child):before{content:"•";}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .entry-excerpt *{font-family:"Anuphan", Sans-serif;font-size:12px;font-weight:400;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .entry-excerpt{color:var( --e-global-color-0561ef4 );margin-bottom:0px;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .filter .filter-categories{justify-content:center;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .filter .filter-extras{justify-content:center;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .paginator{justify-content:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3779 .elementor-element.elementor-element-4dac86f{--divider-border-style:solid;--divider-color:#56738F4F;--divider-border-width:1px;}.elementor-3779 .elementor-element.elementor-element-4dac86f .elementor-divider-separator{width:100%;}.elementor-3779 .elementor-element.elementor-element-4dac86f .elementor-divider{padding-block-start:30px;padding-block-end:30px;}@media(max-width:1024px){.elementor-3779 .elementor-element.elementor-element-b6f26c7 .filter{--display-by:none;--display-sort:none;}}@media(max-width:767px){.elementor-3779 .elementor-element.elementor-element-0d63cf6 .ha-gradient-heading{font-size:30px;line-height:1.33em;}.elementor-3779 .elementor-element.elementor-element-b6f26c7 .filter{--display-by:none;--display-sort:none;}}.the7_elements-b6f26c7.portfolio-shortcode .post-details i { margin: 0px;}.the7_elements-b6f26c7.portfolio-shortcode .show-filter-categories .filter-categories { display: flex;}.the7_elements-b6f26c7.portfolio-shortcode .hide-filter-categories .filter-categories { display: none;}#main .the7_elements-b6f26c7.portfolio-shortcode .filter-extras { display: block;}#main .the7_elements-b6f26c7.portfolio-shortcode .filter-extras .filter-by { display: var(--display-by);}#main .the7_elements-b6f26c7.portfolio-shortcode .filter-extras .filter-sorting { display: var(--display-sort);}@media screen and (max-width: 1024px) { #main .the7_elements-b6f26c7.portfolio-shortcode .filter-categories { display: flex; display: none; } .the7_elements-b6f26c7.portfolio-shortcode .show-filter-categories-tablet .filter-categories { display: flex; } .the7_elements-b6f26c7.portfolio-shortcode .hide-filter-categories-tablet .filter-categories { display: none; } #main .the7_elements-b6f26c7.portfolio-shortcode .filter-extras { display: block; }}@media screen and (max-width: 767px) { #main .the7_elements-b6f26c7.portfolio-shortcode .filter-categories { display: flex; display: none; } .the7_elements-b6f26c7.portfolio-shortcode .show-filter-categories-mobile .filter-categories { display: flex; } .the7_elements-b6f26c7.portfolio-shortcode .hide-filter-categories-mobile .filter-categories { display: none; } #main .the7_elements-b6f26c7.portfolio-shortcode .filter-extras { display: block; }}.the7_elements-b6f26c7.portfolio-shortcode.content-bg-on.classic-layout-list article { box-shadow: none;}.the7_elements-b6f26c7.portfolio-shortcode.description-on-hover article { overflow: hidden;}.the7_elements-b6f26c7.portfolio-shortcode article { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.the7_elements-b6f26c7.portfolio-shortcode article .post-entry-content { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.the7_elements-b6f26c7.portfolio-shortcode:not(.mode-masonry) article:first-of-type,.the7_elements-b6f26c7.portfolio-shortcode:not(.mode-masonry) article.visible.first { margin-top: 0;}.the7_elements-b6f26c7.portfolio-shortcode.content-bg-on.classic-layout-list article { box-shadow: none;}.the7_elements-b6f26c7.portfolio-shortcode.hover-scale article.post:after { background-color: var(--content-bg-color); box-shadow: none;}.the7_elements-b6f26c7.portfolio-shortcode.content-bg-on.description-under-image article .post-entry-content { background-color: var(--content-bg-color); box-shadow: none;}.the7_elements-b6f26c7.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid { grid-template-columns: repeat(auto-fill,minmax(0px,1fr));}.the7_elements-b6f26c7.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .double-width { grid-column: span 2;}.cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid,.no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid { display: flex; flex-flow: row wrap;}.cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .wf-cell,.no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .wf-cell { flex: 1 0 0px; min-width: 0px; max-width: 100%; padding: 15px; box-sizing: border-box;}.the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(5,1fr); grid-template-rows: auto;}.the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .double-width { grid-column: span 2;}.cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 20%;}.cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(20%) * 2;}@media screen and (max-width: 1439px) { .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(5,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 20%; } .cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(20%)*2; }}@media screen and (max-width: 1024px) { .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(3,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 33.333333333333%; } .cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(33.333333333333%)*2; }}@media screen and (max-width: 767px) { .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(2,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 50%; } .cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(50%)*2; }}@media screen and (min-width: 1141px) { .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(5,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 20%; } .cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-b6f26c7.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(20%)*2; }}