.elementor-20495 .elementor-element.elementor-element-e3520a5{--display:flex;--min-height:60vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.63;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20495 .elementor-element.elementor-element-e3520a5:not(.elementor-motion-effects-element-type-background), .elementor-20495 .elementor-element.elementor-element-e3520a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nearmedentalth.com/wp-content/uploads/2026/09/รูปคลินิก14_Blurred_Banner_With_Logo_1920x1080.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-20495 .elementor-element.elementor-element-e3520a5::before, .elementor-20495 .elementor-element.elementor-element-e3520a5 > .elementor-background-video-container::before, .elementor-20495 .elementor-element.elementor-element-e3520a5 > .e-con-inner > .elementor-background-video-container::before, .elementor-20495 .elementor-element.elementor-element-e3520a5 > .elementor-background-slideshow::before, .elementor-20495 .elementor-element.elementor-element-e3520a5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20495 .elementor-element.elementor-element-e3520a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #FFFFFF 41%, #F5F1EB00 100%);}.elementor-20495 .elementor-element.elementor-element-b2dd4b3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20495 .elementor-element.elementor-element-bf2d0cc{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-20495 .elementor-element.elementor-element-71119e1{text-align:left;}.elementor-20495 .elementor-element.elementor-element-71119e1 .elementor-heading-title{font-size:64px;font-weight:500;color:#B79F7D;}.elementor-20495 .elementor-element.elementor-element-90c0701{text-align:left;}.elementor-20495 .elementor-element.elementor-element-90c0701 .elementor-heading-title{font-size:32px;font-weight:400;color:#50555F;}.elementor-20495 .elementor-element.elementor-element-d07d555{width:var( --container-widget-width, 51% );max-width:51%;--container-widget-width:51%;--container-widget-flex-grow:0;text-align:left;color:#5D6066;font-size:18px;font-weight:400;}.elementor-20495 .elementor-element.elementor-element-d07d555.elementor-element{--align-self:flex-start;}.elementor-20495 .elementor-element.elementor-element-4d16fbb{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-20495 .elementor-element.elementor-element-c3c6dab{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-20495 .elementor-element.elementor-element-12ab9c5{text-align:left;}.elementor-20495 .elementor-element.elementor-element-12ab9c5 .elementor-heading-title{font-size:14px;font-weight:500;letter-spacing:2.6px;color:#B79F7D;}.elementor-20495 .elementor-element.elementor-element-af2bbf0{text-align:left;}.elementor-20495 .elementor-element.elementor-element-af2bbf0 .elementor-heading-title{font-size:42px;font-weight:500;color:#50555F;}.elementor-20495 .elementor-element.elementor-element-d60783d{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-20495 .elementor-element.elementor-element-59858f7{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-59858f7 .elementor-repeater-item-b7d7638{grid-column:span min( 1, var(--grid-columns) );}.elementor-20495 .elementor-element.elementor-element-e30eda3{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-20495 .elementor-element.elementor-element-fa83451{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-20495 .elementor-element.elementor-element-ff451be{text-align:left;}.elementor-20495 .elementor-element.elementor-element-ff451be .elementor-heading-title{font-size:14px;font-weight:500;letter-spacing:2.6px;color:#B79F7D;}.elementor-20495 .elementor-element.elementor-element-7a7cea8{text-align:left;}.elementor-20495 .elementor-element.elementor-element-7a7cea8 .elementor-heading-title{font-size:42px;font-weight:500;color:#50555F;}.elementor-20495 .elementor-element.elementor-element-6efeff2{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-20495 .elementor-element.elementor-element-1016c1b{--display:flex;}.elementor-20495 .elementor-element.elementor-element-4a0903e{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-repeater-item-b7d7638{grid-column:span min( 1, var(--grid-columns) );}.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination{text-align:center;margin-top:30px;}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-20495 .elementor-element.elementor-element-84c5954{--display:flex;}.elementor-20495 .elementor-element.elementor-element-7db56d6{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-repeater-item-b7d7638{grid-column:span min( 1, var(--grid-columns) );}.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination{text-align:center;margin-top:30px;}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-20495 .elementor-element.elementor-element-8f7ec56{--display:flex;}.elementor-20495 .elementor-element.elementor-element-9492417{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-repeater-item-b7d7638{grid-column:span min( 1, var(--grid-columns) );}.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination{text-align:center;margin-top:30px;}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-20495 .elementor-element.elementor-element-d7dac47{--display:flex;}.elementor-20495 .elementor-element.elementor-element-7dfcfda{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-repeater-item-b7d7638{grid-column:span min( 1, var(--grid-columns) );}.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination{text-align:center;margin-top:30px;}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-20495 .elementor-element.elementor-element-1a05e9c{--display:flex;}.elementor-20495 .elementor-element.elementor-element-53abcef{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-repeater-item-b7d7638{grid-column:span min( 1, var(--grid-columns) );}.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination{text-align:center;margin-top:30px;}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-20495 .elementor-element.elementor-element-10590d7{--display:flex;}.elementor-20495 .elementor-element.elementor-element-d6110ac{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-repeater-item-b7d7638{grid-column:span min( 1, var(--grid-columns) );}.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination{text-align:center;margin-top:30px;}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-20495 .elementor-element.elementor-element-c7f4f8e{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:10px;--n-tabs-gap:20px;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:32px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:32px;--n-tabs-title-color:#50555F;--n-tabs-title-color-active:#FFFFFF;}.elementor-20495 .elementor-element.elementor-element-c7f4f8e > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#F8F7F6;}.elementor-20495 .elementor-element.elementor-element-c7f4f8e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B79F7D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1EFED;}.elementor-20495 .elementor-element.elementor-element-c7f4f8e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20495 .elementor-element.elementor-element-c7f4f8e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B79F7D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1EFED;}.elementor-20495 .elementor-element.elementor-element-c7f4f8e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1EFED;}.elementor-20495 .elementor-element.elementor-element-c7f4f8e [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}@media(max-width:1024px){.elementor-20495 .elementor-element.elementor-element-e3520a5{--min-height:60vh;--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:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20495 .elementor-element.elementor-element-71119e1 .elementor-heading-title{font-size:50px;}.elementor-20495 .elementor-element.elementor-element-90c0701 .elementor-heading-title{font-size:32px;}.elementor-20495 .elementor-element.elementor-element-d07d555{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-20495 .elementor-element.elementor-element-12ab9c5 .elementor-heading-title{font-size:14px;}.elementor-20495 .elementor-element.elementor-element-af2bbf0 .elementor-heading-title{font-size:32px;}.elementor-20495 .elementor-element.elementor-element-59858f7{--grid-columns:2;}.elementor-20495 .elementor-element.elementor-element-ff451be .elementor-heading-title{font-size:14px;}.elementor-20495 .elementor-element.elementor-element-7a7cea8 .elementor-heading-title{font-size:32px;}.elementor-20495 .elementor-element.elementor-element-4a0903e{--grid-columns:2;}.elementor-20495 .elementor-element.elementor-element-7db56d6{--grid-columns:2;}.elementor-20495 .elementor-element.elementor-element-9492417{--grid-columns:2;}.elementor-20495 .elementor-element.elementor-element-7dfcfda{--grid-columns:2;}.elementor-20495 .elementor-element.elementor-element-53abcef{--grid-columns:2;}.elementor-20495 .elementor-element.elementor-element-d6110ac{--grid-columns:2;}}@media(max-width:768px){.elementor-20495 .elementor-element.elementor-element-e3520a5{--justify-content:center;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20495 .elementor-element.elementor-element-e3520a5:not(.elementor-motion-effects-element-type-background), .elementor-20495 .elementor-element.elementor-element-e3520a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20495 .elementor-element.elementor-element-b2dd4b3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20495 .elementor-element.elementor-element-71119e1{text-align:left;}.elementor-20495 .elementor-element.elementor-element-71119e1 .elementor-heading-title{font-size:36px;}.elementor-20495 .elementor-element.elementor-element-90c0701{text-align:left;}.elementor-20495 .elementor-element.elementor-element-90c0701 .elementor-heading-title{font-size:20px;}.elementor-20495 .elementor-element.elementor-element-d07d555{width:100%;max-width:100%;text-align:left;font-size:16px;}.elementor-20495 .elementor-element.elementor-element-4d16fbb{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-12ab9c5{text-align:center;}.elementor-20495 .elementor-element.elementor-element-12ab9c5 .elementor-heading-title{font-size:12px;}.elementor-20495 .elementor-element.elementor-element-af2bbf0{text-align:center;}.elementor-20495 .elementor-element.elementor-element-af2bbf0 .elementor-heading-title{font-size:32px;}.elementor-20495 .elementor-element.elementor-element-59858f7{--grid-columns:1;}.elementor-20495 .elementor-element.elementor-element-e30eda3{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-20495 .elementor-element.elementor-element-ff451be{text-align:center;}.elementor-20495 .elementor-element.elementor-element-ff451be .elementor-heading-title{font-size:12px;}.elementor-20495 .elementor-element.elementor-element-7a7cea8{text-align:center;}.elementor-20495 .elementor-element.elementor-element-7a7cea8 .elementor-heading-title{font-size:32px;}.elementor-20495 .elementor-element.elementor-element-4a0903e{--grid-columns:1;}.elementor-20495 .elementor-element.elementor-element-7db56d6{--grid-columns:1;}.elementor-20495 .elementor-element.elementor-element-9492417{--grid-columns:1;}.elementor-20495 .elementor-element.elementor-element-7dfcfda{--grid-columns:1;}.elementor-20495 .elementor-element.elementor-element-53abcef{--grid-columns:1;}.elementor-20495 .elementor-element.elementor-element-d6110ac{--grid-columns:1;}.elementor-20495 .elementor-element.elementor-element-c7f4f8e{--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:16px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:16px;--n-tabs-title-font-size:14px;}}/* Start custom CSS for loop-grid, class: .elementor-element-59858f7 *//* =========================================
   LOOP GRID
========================================= */

.elementor-20495 .elementor-element.elementor-element-59858f7 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    gap: 20px !important;
    align-items: stretch !important;
}


/* =========================================
   MAIN CARD - DESKTOP / TABLET
========================================= */

.elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;

    align-self: stretch !important;
}

.elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
}

.elementor-20495 .elementor-element.elementor-element-59858f7 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* =========================================
   SMALL CARDS
========================================= */

.elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card)) {
    grid-column: 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}

.elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
}


/* =========================================
   SMALL CARD IMAGE
========================================= */

.elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    height: 100% !important;
    min-height: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* =========================================
   TABLET
========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-59858f7 .elementor-loop-container {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        grid-template-rows: auto auto !important;
        gap: 16px !important;
    }

    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
    }

    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card)) {
        grid-column: 2 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}


/* =========================================
   MOBILE
   ไม่แตะขนาด main-article-card
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-59858f7 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        gap: 20px !important;
    }

    /* แค่คืนตำแหน่ง Grid */
    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    /*
     ไม่กำหนด width / height /
     min-height ของ main-article-card
     เพื่อให้คุณตั้งเองใน Elementor
    */


    /* Small Card บน Mobile */
    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card)) {
        grid-column: 1 !important;
        grid-row: auto !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }

    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }

    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }

    .elementor-20495 .elementor-element.elementor-element-59858f7 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4a0903e *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-4a0903e .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7db56d6 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9492417 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-9492417 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7dfcfda *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-53abcef *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-53abcef .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d6110ac *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-d6110ac .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4a0903e *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-4a0903e .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7db56d6 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9492417 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-9492417 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7dfcfda *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-53abcef *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-53abcef .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d6110ac *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-d6110ac .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4a0903e *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-4a0903e .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7db56d6 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9492417 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-9492417 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7dfcfda *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-53abcef *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-53abcef .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d6110ac *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-d6110ac .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4a0903e *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-4a0903e .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7db56d6 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9492417 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-9492417 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7dfcfda *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-53abcef *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-53abcef .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d6110ac *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-d6110ac .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4a0903e *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-4a0903e .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7db56d6 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9492417 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-9492417 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7dfcfda *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-53abcef *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-53abcef .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d6110ac *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-d6110ac .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4a0903e *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-4a0903e .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7db56d6 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9492417 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-9492417 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7dfcfda *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-53abcef *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-53abcef .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d6110ac *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-d6110ac .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4a0903e *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-4a0903e .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-4a0903e .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-4a0903e .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7db56d6 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7db56d6 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7db56d6 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9492417 *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-9492417 .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-9492417 .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-9492417 .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7dfcfda *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-7dfcfda .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-7dfcfda .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-53abcef *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-53abcef .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-53abcef .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-53abcef .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d6110ac *//* ==================================================
   LOOP GRID
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* ให้ความสูงแต่ละแถวขึ้นอยู่กับ Content */
    grid-auto-rows: auto !important;

    /* เติมช่องว่างของ Grid อัตโนมัติ */
    grid-auto-flow: row dense !important;

    gap: 20px !important;
    align-items: stretch !important;
}


/* ==================================================
   MAIN ARTICLE
   การ์ดแรกใหญ่ด้านซ้าย
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
    grid-column: 1 !important;
    grid-row: span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: stretch !important;
}


/* ให้ Template ด้านในสูงเต็มพื้นที่ */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) > .elementor-element {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}


/* Main Card */
.elementor-20495 .elementor-element.elementor-element-d6110ac .main-article-card {
    width: 100% !important;
    height: 100% !important;
}


/* ==================================================
   NORMAL ARTICLE CARDS
   Post 2 เป็นต้นไป
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    align-self: stretch !important;
}


/* Template ด้านใน */
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
}


/* ==================================================
   IMAGE ของการ์ดเล็ก
   ไม่ต้องใส่ Class เพิ่ม
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image {
    align-self: stretch !important;

    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
.elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==================================================
   ป้องกัน Content ล้น
   ================================================== */

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
    min-width: 0 !important;
}

.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .e-con,
.elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item .elementor-element {
    min-width: 0;
}


/* ==================================================
   TABLET
   768px - 1024px
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row dense !important;

        gap: 16px !important;
    }


    /* Main ยังอยู่ซ้ายและกิน 2 แถว */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:has(.main-article-card) {
        grid-column: 1 !important;
        grid-row: span 2 !important;
    }


    /* การ์ดเล็กให้ Content เป็นตัวกำหนดความสูง */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: 100% !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: 100% !important;
        overflow: hidden !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        grid-auto-flow: row !important;

        gap: 20px !important;
    }


    /*
     แค่คืนตำแหน่ง Grid
     ไม่กำหนดขนาด main-article-card
     คุณสามารถตั้ง Height / Min Height
     ใน Elementor Mobile เองได้
    */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    /* การ์ดเล็ก */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card)) > .elementor-element {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Mobile ปล่อยความสูงรูปตาม Template */
    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image > .elementor-widget-container {
        height: auto !important;
    }


    .elementor-20495 .elementor-element.elementor-element-d6110ac .e-loop-item:not(:has(.main-article-card))
    .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: cover !important;
    }
}

/* =========================================
   PAGINATION WRAPPER
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 40px;

    font-size: 16px;
    line-height: 1;
}


/* =========================================
   ตัวเลขหน้า
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;

    border: 1px solid #E8E5E1;
    border-radius: 12px;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Hover เลขหน้า */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination a.page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: #F8F5F0;
    border-color: #B79F7D;
    color: #B79F7D;

    transform: translateY(-1px);
}


/* =========================================
   หน้าปัจจุบัน
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers.current {
    background: #B79F7D;

    border-color: #B79F7D;

    color: #FFFFFF;

    box-shadow: none;

    pointer-events: none;
}


/* =========================================
   PREVIOUS
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev {
    width: auto;
    height: auto;

    padding: 8px 4px 8px 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #B8B8B8;

    font-size: 16px;
    font-weight: 500;
}


/* Previous Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(-2px);
}


/* =========================================
   NEXT
   ไม่มีกรอบ
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
    width: auto;
    height: auto;

    padding: 8px 0 8px 4px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: #333333;

    font-size: 16px;
    font-weight: 500;
}


/* Next Hover */
.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next:hover {
    background: transparent;

    color: #B79F7D;

    transform: translateX(2px);
}


/* =========================================
   ...
========================================= */

.elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
    width: 40px;
    height: 48px;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #333333;

    font-size: 20px;
    font-weight: 500;

    pointer-events: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .page-numbers {
        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .prev,
    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .next {
        width: auto;
        height: auto;

        font-size: 14px;
    }

    .elementor-20495 .elementor-element.elementor-element-d6110ac .elementor-pagination .dots {
        width: 26px;
        height: 40px;

        font-size: 18px;
    }
}/* End custom CSS */