.elementor-564 .elementor-element.elementor-element-6503beb7{--display:flex;--min-height:0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-564 .elementor-element.elementor-element-22f1b3cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 15px 15px 0px;}.elementor-564 .elementor-element.elementor-element-22f1b3cd{color:#FFFFFF00;}#elementor-popup-modal-564 .dialog-widget-content{background-color:#02010100;margin:0px 0px 0px 0px;}#elementor-popup-modal-564 .dialog-message{width:100px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-564{justify-content:flex-start;align-items:center;}#elementor-popup-modal-564 .dialog-close-button{display:flex;top:0%;font-size:32px;}body:not(.rtl) #elementor-popup-modal-564 .dialog-close-button{right:0%;}body.rtl #elementor-popup-modal-564 .dialog-close-button{left:0%;}#elementor-popup-modal-564 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-564 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:1024px){#elementor-popup-modal-564 .dialog-message{width:100px;}}@media(max-width:767px){.elementor-564 .elementor-element.elementor-element-22f1b3cd > .elementor-widget-container{padding:5px 5px 5px 5px;}#elementor-popup-modal-564 .dialog-message{width:65px;}}/* Start custom CSS for text-editor, class: .elementor-element-22f1b3cd */.image-sliderbelow {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 80vh;
}

/* แทร็คที่ภาพวิ่ง */
.image-sliderbelow-track {
  display: flex;
  flex-direction: column; /* จัดภาพในแนวตั้ง */
  gap: 5px; /* ระยะห่างระหว่างภาพ */
  animation: scroll-vertical 60s linear infinite; /* ใช้แอนิเมชันแนวตั้ง */
}

/* รูปภาพ */
.image-sliderbelow img {
  max-height: 100%;
  max-width: 100%;
  display: block;
  transition: transform 0.3s ease-in-out;
  border-radius: 5px
}

/* หยุดเลื่อนเมื่อโฮเวอร์ */
.image-sliderbelow:hover .image-sliderbelow-track {
  animation-play-state: paused;
}

/* คีย์เฟรมสำหรับแอนิเมชันแนวตั้ง */
@keyframes scroll-vertical {
  0% {
    transform: translateY(-100%); /* เริ่มจากด้านล่าง */
  }
  100% {
    transform: translateY(100%); /* เคลื่อนไปยังด้านบน */
  }
}

/* ปรับขนาดรูปเมื่อหน้าจอเป็นมือถือ */
@media screen and (max-width: 768px) {
  .image-sliderbelow img {
    transform: scale(0.98); 
  }
}/* End custom CSS */