.elementor-672 .elementor-element.elementor-element-252a736{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:180px;--padding-bottom:100px;--padding-left:0px;--padding-right:00px;}.elementor-672 .elementor-element.elementor-element-aa4898e{--display:flex;}.elementor-672 .elementor-element.elementor-element-f4add6c{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-f7f31c1 );}.elementor-672 .elementor-element.elementor-element-e181ed8 .elementor-heading-title{font-size:70px;}.elementor-672 .elementor-element.elementor-element-c3a9b9b{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;font-size:20px;line-height:1.6em;}.elementor-672 .elementor-element.elementor-element-9a0e49b{--divider-border-style:solid;--divider-color:#66666620;--divider-border-width:1px;}.elementor-672 .elementor-element.elementor-element-9a0e49b .elementor-divider-separator{width:100%;}.elementor-672 .elementor-element.elementor-element-9a0e49b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-672 .elementor-element.elementor-element-f307fba{--grid-columns:1;}.elementor-672 .elementor-element.elementor-element-5eda14b{--grid-columns:3;--grid-row-gap:50px;}.elementor-672 .elementor-element.elementor-element-5eda14b .elementor-pagination{text-align:center;margin-top:40px;}body:not(.rtl) .elementor-672 .elementor-element.elementor-element-5eda14b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-672 .elementor-element.elementor-element-5eda14b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-672 .elementor-element.elementor-element-5eda14b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-672 .elementor-element.elementor-element-5eda14b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-672 .elementor-element.elementor-element-252a736{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-672 .elementor-element.elementor-element-c3a9b9b{--container-widget-width:500px;--container-widget-flex-grow:0;width:var( --container-widget-width, 500px );max-width:500px;font-size:18px;}.elementor-672 .elementor-element.elementor-element-f307fba{--grid-columns:2;}.elementor-672 .elementor-element.elementor-element-5eda14b{--grid-columns:2;}}@media(max-width:767px){.elementor-672 .elementor-element.elementor-element-252a736{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-672 .elementor-element.elementor-element-c3a9b9b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;}.elementor-672 .elementor-element.elementor-element-f307fba{--grid-columns:1;}.elementor-672 .elementor-element.elementor-element-5eda14b{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-5eda14b *//* =========================================
   ARK SPACE — Grayscale Images on This Page
   Hover แล้วคืนสี
========================================= */

/* ภาพ Background ของบทความเด่น */
.elementor-element-252a736
.elementor-element-9096e7c {
  filter: grayscale(100%);
  transition:
    filter 0.6s ease,
    opacity 0.6s ease;
}

/* ภาพ Background ของการ์ดบทความทั้งหมด */
.elementor-element-252a736
.elementor-element-b3732aa {
  filter: grayscale(100%);
  transition:
    filter 0.6s ease,
    opacity 0.6s ease;
}

/* Hover ที่ภาพโดยตรง */
.elementor-element-252a736
.elementor-element-9096e7c:hover,
.elementor-element-252a736
.elementor-element-b3732aa:hover {
  filter: grayscale(0%);
}

/* Hover ตรงพื้นที่การ์ดทั้งหมดแล้วภาพคืนสี */
.elementor-element-252a736
.e-loop-item:hover .elementor-element-9096e7c,
.elementor-element-252a736
.e-loop-item:hover .elementor-element-b3732aa {
  filter: grayscale(0%);
}

/* รองรับ Image Widget และรูป img ทั่วไปภายในหน้านี้ */
.elementor-element-252a736
.elementor-widget-image img,
.elementor-element-252a736
.elementor-image img,
.elementor-element-252a736
.wp-post-image {
  filter: grayscale(100%);
  transition:
    filter 0.6s ease,
    transform 0.6s ease;
}

/* Hover แล้วกลับมาเป็นสี */
.elementor-element-252a736
.elementor-widget-image:hover img,
.elementor-element-252a736
.elementor-image:hover img,
.elementor-element-252a736
.e-loop-item:hover .wp-post-image {
  filter: grayscale(0%);
}

/* ป้องกันภาพกระพริบระหว่าง Hover */
.elementor-element-252a736
.elementor-element-9096e7c,
.elementor-element-252a736
.elementor-element-b3732aa,
.elementor-element-252a736 img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: filter;
}

/* บนอุปกรณ์สัมผัสให้แสดงขาวดำตามปกติ */
@media (hover: none) {
  .elementor-element-252a736
  .elementor-element-9096e7c,
  .elementor-element-252a736
  .elementor-element-b3732aa,
  .elementor-element-252a736
  .elementor-widget-image img,
  .elementor-element-252a736
  .elementor-image img,
  .elementor-element-252a736
  .wp-post-image {
    filter: grayscale(100%);
  }
}

/* ลด Animation ตามการตั้งค่าอุปกรณ์ */
@media (prefers-reduced-motion: reduce) {
  .elementor-element-252a736
  .elementor-element-9096e7c,
  .elementor-element-252a736
  .elementor-element-b3732aa,
  .elementor-element-252a736 img {
    transition: none;
  }
}/* End custom CSS */