/* Tab Menu Styling */
	.popular-menulist {
	  display: flex;
	  justify-content: center;
	  margin-bottom: 30px;
	}

	.allmenu-filtering {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  display: flex;
	  gap: 10px;
	  flex-wrap: wrap; /* Enable wrapping for smaller screens */
	  justify-content: center; /* Center align tabs */
	}
	.allmenu-filtering li {
		display: inline-block;
		list-style: none;
		margin-right: 10px;
		border: 1px solid #e6c9a2;
		background: #ffffff;
		padding: 9px 33px;
		border-radius: 25px;
		font-size: 15px;
		color: #0e1927;
		font-weight: 500;
		cursor: pointer;
		transition: 0.5s
	}

	.allmenu-filtering li.active {
	  background-color: #e6c9a2;
	  color: white;
	}

	.allmenu-filtering li:hover {
	  background-color: #e6c9a2;
	  color: white;
	}

	/* Responsive Design for Tabs */
	@media (max-width: 768px) {
	  .allmenu-filtering li {
		flex: 1 1 calc(50% - 20px); /* Two items per row on tablets */
	  }
	}

	@media (max-width: 480px) {
	  .allmenu-filtering li {
		flex: 1 1 100%; /* One item per row on mobile */
	  }
	}

	/* Menu Items Styling */
	.menu-item {
	  display: none; /* Hidden by default */
	}

	.menu-item.active {
	  display: block; /* Show when active */
	}

	.food-menu-item .menu-name {
	  font-weight: bold;

	}

	.food-menu-item .food-price {
	  color: #ff6f61;
	  margin-left: 10px;
	}

	/* Image Sections */
	.menu-board-thumb-box {
	  text-align: center;
	}

	.menu-board-thumb img {
	  max-width: 100%;
	  height: auto;
	  border-radius: 10px;
	}
	.signature-menu-name {
		font-size: 17px!important;
	}

	/* Modal CSS */
	/* Container for Top Dishes */
	.top-dishes-container {
		max-width: 800px;
		margin: 0 auto;
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		border: 1px solid #eaeaea;
	}

	/* Section Title */
	.section-title {
		font-size: 24px;
		font-weight: bold;
		color: #333;
		margin-bottom: 20px;
		border-left: 4px solid #d9b353; /* Gold accent */
		padding-left: 10px;
	}

	/* Dishes List */
	.dishes-list {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	/* Dish Item */
	.dish-item {
		/* display: flex; */
		justify-content: space-between;
		align-items: flex-start; /* Align items at the top */
		border-top: 1px dashed #d9b353; /* Gold dashed line */
		padding-top: 10px;
	}

	/* Dish Name */
	.dish-name {
		font-size: 16px;
		font-weight: 500;
		color: #333;
		word-break: break-word; /* Allow long words to wrap */
		max-width: 70%; /* Limit width to prevent overlap */
	}

	/* Price */
	.price {
		font-size: 16px;
		font-weight: 500;
		color: #007bff; /* Blue color for price */
		white-space: nowrap; /* Prevent wrapping of price */
		float: right;
	}

	/* Responsive Adjustments modal dish-name is large menas it should come as next line*/
	@media (max-width: 768px) {
		.dish-name {
			max-width: 60%; /* Reduce width on smaller screens */
		}
		.sub-tab.active {
    background-color: #4e94e0;
    color: white;
    border: 1px solid;
    border-radius: 10px;
    padding: 7px
	}
	}
	.modal-title {
		text-align: center !important; /* Force center alignment */
		width: 100%; /* Ensure the title spans the full width */
	}
	.sub-tabs {
	  display: flex;
	  gap: 10px;
	  margin-bottom: 20px;
	}

	.sub-tab {
	  padding: 10px 15px;
	  background-color:rgb(155, 153, 153);
	  border: none;
	  cursor: pointer;
	  border-radius: 44px;
	  transition: background-color 0.3s ease;
	  color: white;
	}

	.sub-tab.active {
		background-color: #4e94e0;
		color: white;
		border: 1px solid;
		border-radius: 30px;
	}
	 /* General Reset */


/* Menu Title */
.menu-title {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
}

/* Desktop View Styles */
.desktop-view {
    display: block;
}

.price-heading {
    display: flex;
    justify-content: space-between; /* Align "Item" on the left and prices on the right */
    align-items: center; /* Vertically align items */
    margin-bottom: 20px;
}

.item-column {
    flex: 1; /* Take up one-third of the width */
    text-align: left; /* Align "Item" to the left */
}

.price-columns {
    display: flex;
    justify-content: space-around; /* Evenly space the price headings */
    flex: 2; /* Take up two-thirds of the width */
    margin-left: 111px;
}

.heading-column {
    font-weight: bold;
    text-align: center; /* Center-align the price headings */
}

.menu-items {
    display: flex;
    flex-direction: column;
}

.menu-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.item-name {
    flex: 1;
    font-size: 1rem;
    margin-right: 20px;
}

.price-row {
    display: flex;
    justify-content: space-around;
    flex: 1;
}

.price-des {
    background-color: #fff;
    color: #333;
    border: 1px solid #d4af37; /* Orange border */
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: bold;
    transition: background-color 0.3s ease;
}
.price-des:hover {
    background-color: #f0e68c; /* Light yellow on hover */
}

/* Mobile View Styles */
.mobile-view {
    display: none;
}

.mobile-view .menu-item {
    text-align: center;
    margin-bottom: 20px;
}

.mobile-view .item-name {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.mobile-view .price-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mobile-view .price-drink {
    background-color: #fff;
    color: #333;
    border: 1px solid #d4af37; /* Orange border */
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.mobile-view .price-drink:hover {
    background-color: #f0e68c; /* Light yellow on hover */
}

/* Responsive Design for Mobile */
@media (max-width: 768px) {
    .desktop-view {
        display: none; /* Hide Desktop Layout */
    }
    .mobile-view {
        display: block; /* Show Mobile Layout */
    }
    .menu-item{
        display: block;
        
    }
	
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-button {
  background-color: #deaf84;
    color: white;
    padding: 13px;
    font-size: 23px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    border-radius: 26px;
}

.dropdown-button:hover {
  background-color: #e09551;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  max-height: 300px; /* Set a fixed height */
  overflow-y: auto; /* Enable vertical scrolling */
  z-index: 1;
  border: 1px solid #ccc;
}

/* Category tabs */
.category-tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.category-tabs li {
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.category-tabs li:hover {
  background-color: #ddd;
}

.category-tabs li.active {
  background-color: #e09551;
  color: white;
}

@media (max-width: 768px) {
  .price-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    text-align: center;
  }

  .price-box {
    display: flex;
    flex-direction: column;
  }

  .price-label {
    font-weight: bold;
    margin-bottom: 4px;
  }

  .price-value {
    font-size: 16px;
  }
}
.main-heading{
  font-size: 43px;
  margin-bottom:38px;

}