@font-face {
		  font-family: 'Varela Rounded';
		  src: url('https://anikanapp.com/Anipo/BusinessWebPages/var.ttf') format('truetype');
		}
		button.disabled {
		  opacity: 0.6; /* Adjust the opacity value to control the level of gray-out effect */
		  pointer-events: none; /* Disable pointer events to prevent hover and click actions */
		}
		#couponsFor {
			font-size: 35px;
		}
		
		
	    .popup {
			position: fixed;
			height: 200px;
			width: 500px;
			bottom: 30px; /* Adjust the margin as needed */
			left: 20px; /* Adjust the margin as needed */
			background: linear-gradient(to right, black, #431C7C);
			color: white; /* Update text color to white */
			padding: 10px;
			border-radius: 35px;
			z-index: 9999; /* Ensure the popup appears on top of other elements */
			display: flex;
			transition: transform 0.3s ease-out;
			transform: translateY(0);
		  }
		  
		  .popup.hide {
			  transform: translateY(150%);
		  }
			
		  .popup-image {
			flex: 0 0 auto;
			margin: 10px; /* Add spacing between the sections */
			outline: 4px solid #39a9d1;
			width: 35%;
			border-radius: 30px;
			text-align: center;
			
		  }

		  .popup-image img {
			max-height: 80%;
			max-width: 80%;
			margin: 10px;
			border-radius: 10px;
			margin-top: 15px;
		  }

		  .popup-text {
			flex: 1 1 auto;
			width: 65%;
			text-align: center;
		  }
		  
		  .popup_title {
			margin-right: 10px;
			margin-top: 10px;
			font-size: 19px;
			font-weight: 600;
			color: #52d9f9;
		  }
		  
		  .popup-button {
			height: auto;
			font-size: .875rem;
			line-height: 1.1875rem;
			font-weight: 700;
			padding: 12px 16px;
			border-radius: 20px;
			margin-top: 10px;
			cursor: pointer;
		  }
		  
		  /* Responsive Styles */
			@media (max-width: 450px) {
			  .popup {
				max-width: 90%;
				height : 160px;
				left: 0px;
			   }
			  .popup_title {
				
				font-size: 13px;
				
			  }
			  .popup_title2 {
				font-size: 12px;
			  }
			}
		  
		  
		  .places-section {
			  display: flex;
			  flex-wrap: wrap;
			  justify-content: center;
			  text-align:center;
			}

			.place-container {
				flex: 1;
				max-width: 70%;
				margin: 0 auto;
				padding: 0 20px;
			}
			
			.places-item {
			  display: flex; 
			  width: 70%; 
			  
			  margin: 30px;
			  margin-left: 15%;
			  border-radius: 10px;
			  border: 2px solid #444;
			  
			}

			.place-image {
				width: 35%; 
				border-left: 2px solid #444;	 
			}
			
			.place-image img {
			  margin: 20px;
			  max-height: 50%;
			  max-width: 50%;
			  border-radius: 10px;
			}

			.place-details {
			  margin-right: 10px;
			  margin-top: 10px;
			  
			}

			.place-address {
			  color:white;
			  font-size: 16px;
			  margin: 15px;
			}

			.place-icons {
				height: 35px; width: 35px; margin: 10px;
			}
			
			.place-description {
				color:white; 
				text-align:right; 
				margin-left:50px; 
				font-size:13px; 
				display: -webkit-box; -webkit-line-clamp: 3; /* Limit to 3 lines */
			    -webkit-box-orient: vertical;
			    overflow: hidden;
			    text-overflow: ellipsis;
			}
			
			#kosher {
				color: white; float: left; margin-left: 20px;
			}
			
			#place-background {
				text-align: right;   width: 65%; background: linear-gradient(to right, black, #431C7C);
			}


/* Reset some default styles */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

 

    
   
#main-slider .splide__arrow--prev {
  left: 0;
}

#main-slider .splide__arrow--next {
  right: 0;
}

.flex-container {
  display: flex;
}

.slider-container {
  flex: 1;
  margin-right: 20px;
  width:25%;
  margin-left: 15%;
  text-align: center;
  max-width: 1200px;
  padding: 0 20px;
}
.container_biz {
	width: 35%;
    margin-right: 27%;
}

.container_biz h2 {
  margin-right: 40px;
  font-size: 40px;
}

.header_biz {
 display: flex;
  align-items: center;
  justify-content: flex-end; /* Align items to the right */
}

.logo_biz {
  width: 50px; /* Adjust the width as needed */
  margin-left: 10px; /* Adjust the margin as needed */
}

/* Body styles */
body {
  /*font-family: Arial, sans-serif; */
  font-family: 'Varela Rounded', sans-serif;
  line-height: 1.6;
}

header {
    background: linear-gradient(to right, black, #431C7C);
  color: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo img {
  width: 150px;
}

.restaurant-name {
  font-size: 24px;
  margin: 0;
}

nav ul {
  list-style: none;
  display: flex;
}

nav ul li {
  margin-left: 20px;
}

nav ul li a {
  color: #fff;
  text-decoration: none;
}


/* Hero section styles */
.hero {
  
  padding: 40px 0;
}

.container {
  flex: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}


/* Description section styles */
.description {
  padding: 40px 0;
  background-color: #fff;
}

.description h2 {
  font-size: 24px;
  margin-bottom: 20px;
}


.container_anikan {
	text-align: center;
}

#anikan_container {
	margin-bottom: 260px;
    margin-right: 25%;
    margin-left: 25%;
}

.download-app-container {
	text-align: center;
	
}

.download-app-anikan {
	width: 50%;
    margin: 0 auto;
    border: 2px solid #d878ff;
    border-radius: 10px;
    padding: 10px;
}
.download-images-container {
	display: flex;
    align-items: center;
} 

#download-now-title {
	color: #b959ff;
}

#download-now {
	margin-right: 20%;
	font-size: 21px;
	font-weight: 600;	
}

.store-icon {
	width: 110px;
	margin-right:50px
}

#anikan_container {
	width: 50%;
	margin-bottom: 260px;
}

@media (max-width: 450px) {
	#anikan_container {
		width:90%;
		margin-left: 2%;
	}
	
	#CompanyName {
		font-size: 19px;
	}
	
	.place-container {
		max-width:98%;
		padding: 0px;
	}
	
	.places-item {
		width: 100%;
		margin-left: 0%;
	}
	
	.download-app-anikan {
		width: 100%;
	}
	
	.download-images-container {
		display:block;
	} 
	
	.container_biz {
		width: 95%;
		margin-right: 10px;
		margin-left: 10px;
	}
	.flex-container {
		display: block;
	}
	.slider-container { 
		width: 100%;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom :30px;
	}
	nav, .restaurant-name {
		display: none;
	}
	
	#contact-info, #map-container {
		width: 95%;
		margin-left: 5px;
		margin-right: 5px;
	}
	
}