*{
    margin: 0;
    padding: 0%;
    box-sizing: border-box;
}

.navbarNav{
    color: #333;
}

.navbar {
    background-color: #FFA500; /* สีส้ม */
    padding: 1rem;
  }
  .navbar .nav-link {
    color: white !important; /* สีของลิงก์ */
  }
  .navbar .nav-link:hover {
    color: #fff5e6 !important; /* สีเมื่อ Hover */
  }
  .carousel-item {
    height: 65vh; /* กำหนดความสูงของ Carousel */
  }
  .carousel-item svg {
    height: 100%; /* ให้ SVG ขยายเต็ม Carousel */
  }
  .carousel-caption h1 {
    font-size: 3rem; /* ขนาดตัวอักษรของ Carousel Caption */
  }
    .logo img{
            width: 80px;   
            height: 80px;  
            border-radius: 50%; 
            object-fit: cover;  
    }
        
    .center-image {
      display: block;
      position: relative;
      top: 100px; /* ขยับลงมา 50px */
      margin: 0 auto;
  }

    .menu {
        display: flex;
        list-style: none;
        justify-content: right;
        font-size: 18px;
        
    }
    .menu li{
        margin-left: 10px;
    }

    .menu li a{
        text-decoration: none;
        color: #333;
    }

    .header img {
        display: flex;
        list-style: none;
        justify-content: right;
    }

    .dropdown-menu {
        background-color: #f8f9fa;
        border: 1px solid #ddd;
        display: flex;
        justify-content: right
      }
      
      .dropdown-item:hover {
        background-color: #007bff;
        color: white;
        display: flex;
        justify-content: right
      }

      .carousel-caption h1, 
      .carousel-caption p {
        color: #333 !important; /* ตั้งค่าสีของตัวอักษร */
      }
      
      h2 {
        text-align: center;
        margin-top: 20px;
        font-family: 'FakthongThin', sans-serif; /* Use the FakthongThin font */
        font-size: 36px; /* Adjust the size as needed */
        font-weight: normal; /* Make the text normal weight */
        color: #FFA500; /* Set the color to orange */
        text-transform: uppercase; /* Make the text uppercase */
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow to the text */

        
        /* กำหนดค่าเบื้องต้น */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* จัดสไตล์เมนูนำทาง */
nav ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-around;
  background: #333;
}

nav ul li {
  padding: 10px;
}

nav ul li a {
  color: white;
  text-decoration: none;
}

/* ใช้ Media Queries เพื่อให้เว็บปรับตามขนาดหน้าจอ */
@media (max-width: 768px) {
  nav ul {
      flex-direction: column;
      text-align: center;
  }
}


      }