/* Reset and base styles */
        * {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: 'Arial', sans-serif;
			font-family: 'Poppins', sans-serif;
			font-family: 'Montserrat', sans-serif;
        }

        body {
            background-color: #121212;
			 background-color: #FFF;
            color: #ffffff;
           
			background-image: linear-gradient(rgba(33, 33, 33, 0.7), 
				rgba(33, 33, 33, 0.7)), url(../images/mobile-bg.webp?v=11);
				background-size: cover;
				background-position: center;
				background-attachment: fixed;
			color: #ffffff;
			padding-top: 130px; /* Add padding to account for fixed header */
        }

       
	@media(max-width:991px)
	{
        .header {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
			/*
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
			box-shadow: 0 8px 16px rgba(33, 33, 33, 0.4);
			*/
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
			height:215px;
			
			background-image: url("../images/header-background2.png");
			background-repeat: no-repeat;
			background-size: 100% auto; /* Stretch to full width, height adjusts automatically */
			background-position: top center; /* Aligns image to the top center */
			overflow: hidden;
			padding-top:-5px;
			padding-bottom:5px;
        }
	

        .logo-container {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .logo {
            width: 150px;
            height: 130px;
            border-radius: 50%;
			/*
            background-color: #ff4500;
			*/
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 20px;
        }
			.logoimg
			{
				width:100%;
				height:auto;
			}

        .site-name {
            font-size: 24px;
            font-weight: bold;
        }

        /* Feature boxes styles */
        .features-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            padding: 40px 20px;
			margin-top:60px;
        }

        .feature-box {
            border: 2px solid #FFF;
            border-radius: 15px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
            width: 300px;
            height: 300px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .feature-title {
            height: 30%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .feature-title h2 {
            font-size: 28px;
            text-align: center;
        }

        .feature-image {
            height: 70%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .feature-image img {
            max-width: 80%;
            max-height: 80%;
            object-fit: contain;
        }

        /* Food items styles */
        .food-items-container {
            padding: 40px 20px;
            padding-bottom: 100px; /* Add padding to bottom for footer */
			margin-top:60px;
        }

        .food-items-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 20px;
        }

        .food-item {
            border: 2px solid #FFF;
            display: flex;
            padding: 15px 15px 15px 0;
            transition: border-color 0.3s ease;
			border-radius:22px;
        }

        .food-item:hover {
            border-color: #ff4500;
        }

        .food-image {
            width: 120px;
            min-width: 120px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .food-image img {
            width: 100px;
            height: 100px;
            object-fit: cover;
            border-radius: 8px;
        }

        .food-details {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-left: 15px;
        }

        .food-name {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .food-ingredients {
            font-size: 14px;
            color: #aaa;
            margin-bottom: 10px;
        }

        .food-price {
			font-size: 16px;
			font-weight: 500;
			color: #ff4500;
			color:#adff87;
			margin-top:3px;
			line-height:20px;
        }
		.food-price span
		{
			color: #fbf7f7;
			font-weight: bold;
			margin-right:5px;
		}

        /* Footer styles - initially hidden */
        .footer {
            position: fixed;
            bottom: -80px; /* Start off-screen */
            left: 0;
            width: 100%;
            background-color: #1e1e1e;
            padding: 15px 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
            transition: bottom 0.3s ease;
            z-index: 1000;
        }

        .footer.visible {
            bottom: 0; /* Show when class is added */
        }

        .action-buttons {
            display: flex;
            gap: 20px;
        }

        .action-button {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 10px 20px;
            border-radius: 50px;
            border: none;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            color: white;
        }

        .call-button {
			background-color: #4CAF50;
			text-decoration:none;
        }

        .call-button:hover {
            background-color: #3e8e41;
        }

        .whatsapp-button {
			background-color: #25D366;
			text-decoration:none;
        }

        .whatsapp-button:hover {
            background-color: #128C7E;
        }

        .button-icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
        }





	.oher-imgblock
	{
		border: 2px solid #FFF;
		transition: border-color 0.3s ease;
		border-radius: 22px;
		margin-bottom:20px;
	}
		.oher-img
		{
			width:94%;
			height:auto;
			border-radius:20px;
			margin:15px 3%;
		}





		
		.blackfooter
		{
			width:100%;
			min-height:100px;
			background-color:#333;
			float:left;
			
		}
			.blackfooter-inner
			{
				width:80%;
				min-height:100px;
				margin-top:25px;
				margin-left:10%;
				margin-bottom:100px;
				float:left;
			}
				.blackfooter-innerset
				{
					width:100%;
					margin-bottom:10px;
					float:left;
				}
					.blackfooter-left
					{
						width:100%;
						float:left;
					}
					.blackfooter-center
					{
						width:100%;
						margin-top:30px;
						float:left;
					}
					.blackfooter-right
					{
						width:100%;
						margin-top:30px;
						float:right;
					}
						.blackfooter-headingtext
						{
							width:100%;
							font-size:20px;
							font-weight:700;
							color:#FFF;
							margin-bottom:10px;
							float:left;
						}
						.blackfooter-linktext
						{
							width:100%;
							font-size:15px;
							font-weight:400;
							color:#FFF;
							text-decoration:none;
							margin-top:7px;
							font-family: Arial, Helvetica, sans-serif;
							float:left;
						}
						.blackfooter-linktext span
						{
							font-weight:700;
						}
						.blackfooter-social-links
						{
							width:50px;
							height:50px;
							margin-left:10px;
							float:left;
						}
							.blackfooter-social-links img
							{
								width:50px;
								height:50px;
								
							}
			
			
	
	
	.maplink-section
	{
		width:100%;
		min-height:200px;
		background-color:rgba(0,0,0,0.7);
		float:left;
	}
		.maplink-sectioninner
		{
			width:96%;
			min-height:200px;
			margin-left:2%;
			float:left;
		}
			.maplink-header
			{
				width:100%;
				min-height:40px;
				float:left;
			}
				.maplink-headertext
				{
					font-size:20px;
					font-weight:700;
					color:#FFF;
					text-decoration:none;
					margin-top:15px;
					margin-bottom:15px;
					text-align:center;
				}
			.maplink-img
			{
				width:100%;
				height:auto;
				margin-bottom:40px;
			}
			
		

	
}