/* Custom CSS สำหรับ Swiper และรูปภาพของคุณ */
#section_hilight {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-image: url("../hilight/bg.jpg");
  background-size: cover;
  position: relative;
  overflow: hidden;
}

#section_hilight .swiper-slide {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section_hilight .swiper-slide img {
  display: block;
  opacity: 0; /* ปรับความโปร่งใสของรูปภาพ */
  width: 100%; /* ทำให้รูปภาพเต็มความกว้างของสไลด์ */
  max-width: 1280px; /* จำกัดความกว้างสูงสุดตามขนาดรูปภาพของคุณ */
  height: 100%;
  object-fit: contain; /* ทำให้รูปภาพพอดีกับพื้นที่โดยไม่ถูกตัด */
}

#section_hilight .swiper-slide.swiper-slide-prev img,
#section_hilight .swiper-slide.swiper-slide-next img {
  opacity: 0.2;
}

#section_hilight .swiper-slide.swiper-slide-active img {
  opacity: 1; /* ทำให้รูปภาพที่ active มีความโปร่งใสเต็มที่ */
}