.elementor-538 .elementor-element.elementor-element-4b3ecae{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-538 .elementor-element.elementor-element-4b3ecae:not(.elementor-motion-effects-element-type-background), .elementor-538 .elementor-element.elementor-element-4b3ecae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-538 .elementor-element.elementor-element-03db4c7{color:#FFFFFF;}.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-538 .elementor-element.elementor-element-5796010 .elementor-heading-title{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-79640b1{color:#FFFFFF;}.elementor-538 .elementor-element.elementor-element-dc38f06{--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;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-tp-blog-listout .theplus-pagination a,.elementor-widget-tp-blog-listout .theplus-pagination span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-blog-listout .ajax_load_more .post-load-more{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-blog-listout .plus-all-posts-loaded{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-blog-listout .blog-list .post-inner-loop .post-meta-info span,
							   .elementor-widget-tp-blog-listout .blog-list .post-inner-loop .tpae-blog-meta span,
							   .elementor-widget-tp-blog-listout .blog-list .post-inner-loop .tpae-blog-meta-overflow span,
							   .elementor-widget-tp-blog-listout .blog-list .post-inner-loop .tpae-preset-meta-tag{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-blog-listout .blog-list .post-category-list span a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-blog-listout .blog-list .post-inner-loop .post-title,
				               .elementor-widget-tp-blog-listout .blog-list .post-inner-loop .post-title a,
							   .elementor-widget-tp-blog-listout .blog-list .post-inner-loop .tpae-preset-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-blog-listout .blog-list .post-inner-loop .entry-content,
				              .elementor-widget-tp-blog-listout .blog-list .post-inner-loop .entry-content p,
							  .elementor-widget-tp-blog-listout .blog-list .post-inner-loop .tpae-preset-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tp-blog-listout .theplus-posts-not-found{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-538 .elementor-element.elementor-element-2c04d1c .blog-list .post-inner-loop .grid-item{padding:15px 15px 15px 15px;}.elementor-538 .elementor-element.elementor-element-2c04d1c .blog-list .post-inner-loop.tp-row{margin:-15px -15px -15px -15px !important;}.elementor-538 .elementor-element.elementor-element-2c04d1c .blog-list.blog-style-3:not(.list-isotope-metro) .content-left .post-content-bottom,.elementor-538 .elementor-element.elementor-element-2c04d1c .blog-list.blog-style-3:not(.list-isotope-metro) .content-left-right .grid-item:nth-child(odd) .post-content-bottom{padding-left:15px;}.elementor-538 .elementor-element.elementor-element-2c04d1c .blog-list.blog-style-3:not(.list-isotope-metro) .content-right .post-content-bottom,.elementor-538 .elementor-element.elementor-element-2c04d1c .blog-list.blog-style-3:not(.list-isotope-metro) .content-left-right .grid-item:nth-child(even) .post-content-bottom{padding-right:15px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-538 .elementor-element.elementor-element-f206c5f{--grid-columns:2;}.elementor-538 .elementor-element.elementor-element-f206c5f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-538 .elementor-element.elementor-element-f206c5f .e-loop-item > .elementor-section, .elementor-538 .elementor-element.elementor-element-f206c5f .e-loop-item > .elementor-section > .elementor-container, .elementor-538 .elementor-element.elementor-element-f206c5f .e-loop-item > .e-con, .elementor-538 .elementor-element.elementor-element-f206c5f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-538 .elementor-element.elementor-element-31fdb17{--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;}@media(min-width:768px){.elementor-538 .elementor-element.elementor-element-4b3ecae{--content-width:1280px;}}@media(max-width:1024px){.elementor-538 .elementor-element.elementor-element-f206c5f{--grid-columns:2;}}@media(max-width:767px){.elementor-538 .elementor-element.elementor-element-f206c5f{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-4b3ecae *//* Section */

.elementor-538 .elementor-element.elementor-element-4b3ecae {
    padding-top: 80px;
    padding-bottom: 80px;

    background: #165EFB !important;

    font-family: "Noto Sans Thai", sans-serif;
}

.elementor-538 .elementor-element.elementor-element-4b3ecae > .e-con-inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;

    padding-left: 32px;
    padding-right: 32px;

    gap: 0 !important;

    text-align: center;
}


/* Eyebrow */

.elementor-538 .elementor-element.elementor-element-4b3ecae .elementor-element-03db4c7 {
    margin: 0 0 16px !important;
}

.elementor-538 .elementor-element.elementor-element-4b3ecae .elementor-element-03db4c7 p {
    margin: 0 !important;

    color: rgba(255, 255, 255, .6);

    font-family: "Noto Sans Thai", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;

    letter-spacing: .1em;
    text-transform: uppercase;
}


/* Heading */

.elementor-538 .elementor-element.elementor-element-4b3ecae .elementor-element-5796010 {
    margin: 0 0 16px !important;
}

.elementor-538 .elementor-element.elementor-element-4b3ecae .elementor-element-5796010 .elementor-heading-title {
    margin: 0;

    color: #FFFFFF;

    font-family: "Noto Sans Thai", sans-serif;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
}


/* Description */

.elementor-538 .elementor-element.elementor-element-4b3ecae .elementor-element-79640b1 {
    width: 100%;
    max-width: 576px;

    margin: 0 auto !important;
}

.elementor-538 .elementor-element.elementor-element-4b3ecae .elementor-element-79640b1 p {
    margin: 0 !important;

    color: #DBEAFE;

    font-family: "Noto Sans Thai", sans-serif;
    font-size: 20px;
    line-height: 1.625;
    font-weight: 400;
}


/* Tablet */

@media (min-width: 768px) and (max-width: 1023px) {

    .elementor-538 .elementor-element.elementor-element-4b3ecae > .e-con-inner {
        padding-left: 24px;
        padding-right: 24px;
    }

}


/* Mobile */

@media (max-width: 767px) {

    .elementor-538 .elementor-element.elementor-element-4b3ecae > .e-con-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .elementor-538 .elementor-element.elementor-element-4b3ecae .elementor-element-5796010 .elementor-heading-title {
        font-size: 36px;
    }

}/* End custom CSS */
/* Start custom CSS for tp-blog-listout, class: .elementor-element-2c04d1c *//* Widget */

.elementor-538 .elementor-element.elementor-element-2c04d1c {
    width: 100%;

    margin: 0 0 48px !important;

    font-family: "Noto Sans Thai", sans-serif;
}


/* Layout */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-inner-loop {
    position: relative !important;

    height: auto !important;

    margin: 0 !important;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .grid-item {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    width: 100% !important;

    padding: 0 !important;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c article {
    position: relative;

    width: 100%;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .blog-list-content {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 40px;

    align-items: center;

    overflow: hidden;

    background: #F9FAFB;

    border-radius: 24px;

    transition: box-shadow .3s ease;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c article:hover .blog-list-content {
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, .10),
        0 8px 10px -6px rgba(0, 0, 0, .10);
}


/* Image */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-content-image {
    width: 100% !important;
    max-width: none !important;

    height: 100%;

    padding: 0 !important;

    overflow: hidden;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-content-image > a,
.elementor-538 .elementor-element.elementor-element-2c04d1c .blog-featured-image,
.elementor-538 .elementor-element.elementor-element-2c04d1c .thumb-wrap {
    display: block;

    width: 100%;
    height: 100%;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-content-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    transform: scale(1);

    transition: transform .5s ease;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c article:hover .post-content-image img {
    transform: scale(1.05);
}


/* Content */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-content-bottom {
    width: 100% !important;
    max-width: none !important;

    padding: 32px 40px 32px 0 !important;
}


/* Category */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-metro-category-top {
    margin: 0 !important;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-category-list {
    margin: 0 !important;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-category-list a {
    color: #165EFB !important;

    font-family: "Noto Sans Thai", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;

    letter-spacing: .1em;
    text-transform: uppercase;

    text-decoration: none;
}


/* Title */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-title {
    margin: 8px 0 16px !important;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-title a {
    color: #111827 !important;

    font-family: "Noto Sans Thai", sans-serif;
    font-size: 30px;
    line-height: 1.375;
    font-weight: 700;

    text-decoration: none;

    transition: color .2s ease;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c article:hover .post-title a {
    color: #165EFB !important;
}


/* Excerpt */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-hover-content {
    margin: 0 !important;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .entry-content p {
    margin: 0 0 24px !important;

    color: #4B5563;

    font-family: "Noto Sans Thai", sans-serif;
    font-size: 16px;
    line-height: 1.625;
    font-weight: 400;
}


/* Meta */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-meta-info {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    margin: 0 !important;

    color: #9CA3AF;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .meta-date,
.elementor-538 .elementor-element.elementor-element-2c04d1c .meta-date a,
.elementor-538 .elementor-element.elementor-element-2c04d1c .entry-date {
    color: #9CA3AF !important;

    font-family: "Noto Sans Thai", sans-serif;
    font-size: 14px;
    line-height: 1.5;

    text-decoration: none;
}


/* Read More */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-meta-info::after {
    content: "อ่านต่อ  →";

    flex: 0 0 auto;

    color: #165EFB;

    font-family: "Noto Sans Thai", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;

    transition: transform .2s ease;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c article:hover .post-meta-info::after {
    transform: translateX(4px);
}


/* Card Link */

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-title,
.elementor-538 .elementor-element.elementor-element-2c04d1c .post-title a {
    position: static !important;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-title a::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 5;
}

.elementor-538 .elementor-element.elementor-element-2c04d1c .post-category-list,
.elementor-538 .elementor-element.elementor-element-2c04d1c .post-content-image,
.elementor-538 .elementor-element.elementor-element-2c04d1c .post-meta-info {
    position: relative;

    z-index: 6;
}


/* Tablet */

@media (max-width: 1023px) {

    .elementor-538 .elementor-element.elementor-element-2c04d1c .blog-list-content {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .elementor-538 .elementor-element.elementor-element-2c04d1c .post-content-image {
        height: 288px;
    }

    .elementor-538 .elementor-element.elementor-element-2c04d1c .post-content-bottom {
        padding: 32px !important;
    }

}


/* Mobile */

@media (max-width: 767px) {

    .elementor-538 .elementor-element.elementor-element-2c04d1c .post-content-bottom {
        padding: 24px !important;
    }

    .elementor-538 .elementor-element.elementor-element-2c04d1c .post-title a {
        font-size: 24px;
    }

    .elementor-538 .elementor-element.elementor-element-2c04d1c .post-meta-info {
        gap: 16px;
    }

}/* End custom CSS */