/* ===== Banner Surin Tourism ===== */
.banner {
  height: 350px;
  background-image: 
    linear-gradient(
      rgba(0, 102, 51, 0.6), 
      rgba(0, 102, 51, 0.6)
    ), 
    url("../images/surin-bg.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding-left: 80px;
}
/* บังคับให้กล่องเนื้อหาทั้งหมดใส เพื่อให้เห็นสีพื้นหลังของ body */
.container, .main, #rt-mainbody, .wf-container { 
  background-color: #424242 transparent !important;
}/* เปลี่ยนสีพื้นหลังทั้งหน้าเป็นสีฟ้าอ่อนเพื่อให้ดูสะอาดตา */
body {
    background-color: #007BFF !important; 
}

/* ปรับแต่งกล่องสถานที่ท่องเที่ยวให้เด่นขึ้นด้วยพื้นหลังขาวและเงา */
.well, .thumbnail, .span4 {
    background-color: #004D40 !important;
    border: 1px solid #B2EBF2 !important; /* เส้นขอบสีฟ้าจางๆ */
    border-radius: 8px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

/* ส่วนข้อความเมนูสีฟ้าด้านซ้าย */
.nav-list > li > a {
    color: #004D40 !important;
    font-weight: bold;
}
/* ส่วนของพื้นหลังเว็บไซต์ */
body {
  background-color: #E0F2F1 !important; /* บังคับให้พื้นหลังทั้งหน้าเป็นสีครีม */
}
.banner-text {
  color: #f5e6b3;
}

.banner-text h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

.banner-text p {
  font-size: 18px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .banner {
    height: 250px;
    padding-left: 30px;
  }
  .banner-text h1 {
    font-size: 24px;
  }
}