.elementor-5664 .elementor-element.elementor-element-27d7dcf > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5664 .elementor-element.elementor-element-27d7dcf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:0;}.elementor-5664 .elementor-element.elementor-element-27d7dcf > .elementor-shape-top .elementor-shape-fill{fill:#085A8678;}.elementor-5664 .elementor-element.elementor-element-27d7dcf > .elementor-shape-top svg{width:calc(100% + 1.3px);height:64px;}.elementor-5664 .elementor-element.elementor-element-321c27f{--spacer-size:34px;}.elementor-5664 .elementor-element.elementor-element-70788f1{--spacer-size:1px;}.elementor-5664 .elementor-element.elementor-element-7f1d279{z-index:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5664 .elementor-element.elementor-element-b88ed50 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-5664 .elementor-element.elementor-element-6a4aaad{z-index:0;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5664 .elementor-element.elementor-element-a55f538{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-5664 .elementor-element.elementor-element-a55f538:after{content:"0.66";}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__thumbnail__link{width:100%;}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__meta-data span + span:before{content:"•";}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__card{border-radius:29px;}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__text{margin-top:20px;}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__badge{right:0;}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__title, .elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__title a{font-family:"IBM Plex Sans Thai", Sans-serif;font-weight:600;}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__meta-data{font-family:"IBM Plex Sans Thai", Sans-serif;font-weight:400;}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-pagination{text-align:center;margin-top:19px;}body:not(.rtl) .elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-5664 .elementor-element.elementor-element-a55f538:after{content:"0.5";}.elementor-5664 .elementor-element.elementor-element-a55f538 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-a55f538 */.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    border-radius: 100px; /* ทำให้ขอบมน */
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background-color: #B5B4B6;
    transition: all 0.3s ease-in-out;
}

.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers:hover {
    background-color: #085A86; /* เปลี่ยนสีเมื่อ Hover */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}

.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.current {
    background-color: #085A86; /* สีของหน้าที่กำลังเลือก */
    color: #ffffff;
    border: 2px solid #085A86;
}

.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.prev,
.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.next {
    background-color: #ff9800;
    color: #fff;
}

.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.prev:hover,
.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.next:hover {
    background-color: #ff5722;
}
.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.prev
{
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(90deg, #8A2BE2 0%, #1E567F 100%);
    transition: all 0.3s ease-in-out;
}
.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.next {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(90deg, #1E567F 0%, #8A2BE2 100%);
    transition: all 0.3s ease-in-out;
}

.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.prev:hover {
    background: linear-gradient(90deg, #8A2BE2 0%, #1E567F 100%);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}
.elementor-5664 .elementor-element.elementor-element-a55f538 .page-numbers.next:hover {
	background: linear-gradient(90deg, #1E567F 0%, #8A2BE2 100%);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}


/* ปรับแต่ง box post ของ Elementor */
.elementor-post {
    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 1s cubic-bezier(0.25, 1, 0.5, 1), 
                border-radius 1s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 12px; /* ปกติ */
}

/* เมื่อ hover ให้เลื่อนขึ้นแบบช้า ๆ */
.elementor-post:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    border-radius: 29px;
}/* End custom CSS */