@font-face {
      font-family: 'Noto Sans Thai';
      src: url('font/NotoSansThai-VariableFont_wdth,wght.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }
    body {
      font-family: 'Noto Sans Thai', sans-serif;
    }
    .navbar {
      padding: 1.5rem 0;
      font-size: 1.2rem;
    }
    .navbar-brand {
      font-weight: bold;
      font-size: 1.5rem;
    }
    .navbar-nav .nav-link {
      margin-right: 1.5rem;
    }
    .carousel-item {
      transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    }
    .about-header {
      background-color: #007bff;
      color: white;
      padding: 2rem 0;
      text-align: center;
    }
    .about-header h1 {
      margin-bottom: 0.5rem;
    }
    .contact-header {
      background-color: #007bff;
      color: white;
      padding: 2rem 0;
      text-align: center;
    }
    .contact-header h1 {
      margin-bottom: 0.5rem;
    }
    .contact-info {
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 1.5rem;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .contact-info h5 {
      font-weight: bold;
    }
    .map-iframe {
      border: 0;
      width: 100%;
      height: 300px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .menu-column {
      background-color: #f8f9fa;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      padding: 20px;
    }
    .menu-column h5 {
      margin-bottom: 1.5rem;
      font-weight: bold;
      color: #343a40;
    }
    .menu-item {
      display: block;
      margin-bottom: 0.8rem;
      padding: 10px 15px;
      border-radius: 5px;
      text-decoration: none;
      color: #007bff;
      background-color: #ffffff;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
    }
    .menu-item:hover {
      background-color: #007bff;
      color: #ffffff;
      box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
    }
    .product-image {
    height: 200px;
    object-fit: cover;
    width: 100%;
    }