.elementor-553 .elementor-element.elementor-element-705bc19{--display:flex;--min-height:0px;}.elementor-553 .elementor-element.elementor-element-8c2c9a6{--display:flex;}.elementor-553 .elementor-element.elementor-element-8c2c9a6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-553 .elementor-element.elementor-element-cd2b42f{--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;}.elementor-553 .elementor-element.elementor-element-2858313{--display:flex;}.elementor-553 .elementor-element.elementor-element-b6417bd .elementor-repeater-item-3f00794 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://chetupon.ac.th/wp-content/uploads/slider2/2.webp);background-size:cover;}.elementor-553 .elementor-element.elementor-element-b6417bd .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-553 .elementor-element.elementor-element-b6417bd .swiper-slide-contents{max-width:66%;}.elementor-553 .elementor-element.elementor-element-b6417bd .swiper-slide-inner{text-align:center;}.elementor-553 .elementor-element.elementor-element-42b23bb{--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;}.elementor-553 .elementor-element.elementor-element-26303ae{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-553 .elementor-element.elementor-element-8c2c9a6{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-705bc19 *//* ทำให้ภาพในเนื้อหา ยืดหยุ่นตามขนาดจอ */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ถ้ามีภาพในคลาสของ WordPress ให้รองรับด้วย */
.wp-post-image,
.aligncenter img,
.alignleft img,
.alignright img,
.entry-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ป้องกันภาพในแกลเลอรี WordPress ล้นกรอบ */
.gallery img {
  width: 100%;
  height: auto;
}/* End custom CSS */
/* Start custom CSS *//* Scrollbar styles for Webkit Browsers (e.g., Chrome, Safari) */
::-webkit-scrollbar {
    width: 10px; /* Scrollbar width */
    height: 10px; /* Scrollbar height */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Track background */
    border-radius: 10px; /* Rounded corners for the track */
}

::-webkit-scrollbar-thumb {
    background: #c4c4c4; /* Thumb background */
    border-radius: 10px; /* Rounded corners for the thumb */
}

::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3; /* Thumb background on hover */
}

/* Alternative method for Firefox using scrollbar pseudo-elements */
body {
    color: #f1f1f1; /* Thumb and track color */
    width: inherit; /* Scrollbar width */
}

/* For all elements in Webkit browsers */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3;
}/* End custom CSS */