/* ปรับแต่ง Swiper ให้เต็มจอหรือตามขนาดที่ต้องการ */
.swiper {
    width: 100%;
    height: 100%; /* กำหนดความสูงของ Banner ที่นี่ (ปรับเป็น auto หรือ vh ได้) */
    background-color: #000;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
/* จัดการรูปภาพให้เต็มพื้นที่ */
.slide-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* จัดการวิดีโอ HTML5 ให้เต็มพื้นที่ */
.slide-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* จัดการ YouTube Iframe ให้ Responsive */
.youtube-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* ปรับแต่งปุ่ม Navigation เล็กน้อย */
.swiper-button-next, .swiper-button-prev {
    color: white;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
/* ปรับแต่ง Pagination (จุด Bullet) */
.swiper-pagination-bullet {
    width: 10px;   /* เพิ่มขนาดให้ใหญ่ขึ้น (จากเดิม 8px) */
    height: 10px;
    background: #fff;
    opacity: 0.5;  /* สีจางๆ เมื่อยังไม่ถูกเลือก */
    transition: all 0.3s;
    margin: 0 0.4rem !important;
}
.swiper-pagination-bullet-active {
    background: #5C795E; /* เปลี่ยนสีตอน Active เป็นสีฟ้าตามที่ขอ */
    opacity: 1;
    transform: scale(1.2); /* ขยายใหญ่ขึ้นเล็กน้อยตอน Active เพื่อความโดดเด่น */
}