@font-face{
	font-family:heading;
	src:url(fonts/acme.ttf);
}
@font-face{
	font-family:P;
	src:url(fonts/ptsans.ttf);
}

@font-face{
	font-family:menu;
	src:url(fonts/teko.ttf);
}

@font-face{
	font-family:h1;
	src:url(fonts/roboto.ttf);
}



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

a{
	text-decoration:none;
	color:white;
}

sapn{
	color:orange;
}
:root{
	--font:heading;
	--para:p;
}

html body{
	scroll-behavior:smooth;
}

body{
	background:linen;
	font-family:sans-serif;
	overflow-x:hidden;
	height:100vh;
	
}

/* .pre-loader{ */
	/* background-color:black; */
	/* height:100vh; */
	/* width:100%; */
	/* position:fixed; */
	/* z-index:99999999; */
	
/* } */

.slider{
	height:100vh;
	max-width:100%;
	position:relative;
	top:0;
	left:0;
	background:green;
}

.slider > .carousel-main{
	height:100vh;
	width:100%;
	position:relative;
	top:0;
	left:0;
}


.carousel-item{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}


.carousel-item >img{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
}

.carousel-item::before{
	content:'';
	background:rgba(0,0,0,0.2);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99;
}

.slider  p{
	position:absolute;
	width:100%;
	bottom:250px;
	left:50%;
	transform:translate(-50%,0);
	color:white;
	text-align:center;
	z-index:999;
	text-transform:uppercase;	
	line-height:2;
	letter-spacing:3px;
	opacity:1;
	animation:ptext 3s 1;
	transition:all 0.3s
}

@keyframes ptext{
	0%{
		opacity:0;
		bottom:300px;
	}
	
}


.slider h1{
	position:absolute;
	width:100%;
	bottom:170px;
	text-align:center;	
	/* left:50%; */
	/* transform:translate(-50%,0); */
	font-family:h1;
	font-size:50px;
	letter-spacing:3px;
	overflow:hidden;
	z-index:9999;
	color:white;
	animation:move 3s 1 linear;
}

@keyframes move{
	0%{
		letter-spacing:5px;
		opacity:0;
	}
		
}


.orderbtn{
	height:100px;
	width:200px;
	position:absolute;
	bottom:50px;
	left:50%;
	transform:translate(-50%,0);
	z-index:999;
}


.orderbtn > a > .btn{
	background:transparent;
	border:1px solid orange;
	border-radius:0;
	transition:all 0.3s ease;
	border-radius:5px;
}

.orderbtn > a > .btn:hover{
	background :black;
	color:orange;

}




header{
	height:90px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999999;
}

.nav-bar{
	height:50px;
	width:85%;
	position:fixed;
	top:15px;
	left:50%;
	transform:translate(-50%,0);
	background:white;
	border:none;
	border-radius:5px;
	box-shadow:2px 0px 10px red;
	display:flex;
	justify-content:space-between;
	align-items:center;
	z-index:999999;
}

/* logo */

.nav-bar > .logo{
	height:50px;
	width:150px;
	margin-left:20px;
	}

.nav-bar > .logo > img{
	width:75%;
	height:auto;
	
}

/* menu drop down */
.fa-caret-down{
	font-size:20px;
	margin-left:5px;
}

.nav-bar ul{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:20px;
	font-size:20px;
	letter-spacing:0.5px;
	
}
.nav-bar .nav-item > li{
	list-style:none;
	position:relative;
	padding: 15px 10px;
	
}
 .nav-bar ul > li > a{
	text-decoration:none;
	color:black;
	font-size:22px;
	font-family:menu;
	letter-spacing:1.5;
	transition:all 0.3s;
}

 ul > li > a:hover{
	color:#f47216;;
}

 ul > li > a:hover .fa-caret-down{
	color:#f47216;
	transform:rotate(180deg);
}

.menu{
	position:relative;
}

.drop-down-menu{
	display:block;
	position:absolute;
	top:100%;
	left:-5px;
	padding:0;
	background:black;
	font-size:10px;
	width:120%;
	opacity:0;
	visibility:hidden;
	box-shadow:0 0 5px #f47216;
	border-radius:0 0 5px 5px;
	transition:left 0.3s ease;
}


.drop-down-menu > ul li{
	padding-left:5px;
	padding-top:5px;
	list-style:none;	
	
}
.drop-down-menu > ul li a{
	color:white;
	padding:0;	
}

.drop-down-menu > ul li a:hover{
	color:#f47216;
	
}
.menu:hover .drop-down-menu{
	top:100%;
	left:0;
	opacity:1;
	visibility:visible;
}


.drop-down-menu ul{
	display:block;
}


.right-nav{
	height:48px;
	width:200px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:16px;
	margin-right:20px;
	
}


/* online order */
.right-nav > a > button{
	width:100px;
	height:30px;
	background:#f47216;
	border:none;
	border-radius:3.12rem;
	color:white;
	font-size:13px;
	font-weight:600;
	cursor:pointer;

}
.top-bar{
	display:none;
}
.fa-cart-shopping{
	cursor:pointer;
	font-size:20px;
	z-index:1;
	
}

/* mobile mode icons and menu */
.mobile-mode{
	display:none;
	background:transparent;
	cursor:pointer;
	font-size:20px;
}


.fa-bars{
	display:none;
}

.fa-close{
	display:none;
}

.fa-magnifying-glass{
	cursor:pointer;
}

.search{
	display:none;
	position:fixed;
	top:70px;
	right:100px;
	height:50px;
	width:340px;
	z-index:9999;
	background-color:white;
	border:1px solid black;
	border-radius:5px;
	
}

.search > input[type="search"]{
	width:300px;
	height:40px;
	outline:none;
	margin-top:4px;
	margin-left:5px;
	margin-right:5px;
	border:none;
	}
.search > .fa-xmark{
	font-size:20px;
	padding:2px 0;
}

::placeholder{
	font-size:20px;
}



/* nav bar end */

/* header end */



.arrow{
	height:100px;
	width:100px;
	position:fixed;
	right:-45px;
	bottom:-40px;	
	z-index:999999;
	cursor:pointer;
	
}

.arrow > a >  .fa-circle-arrow-up{
	font-size:30px;
	color:orange;
}


/* story section start */
	
.our-story{
	max-width:100%;
	height:500px;
	background-image:linear-gradient(WhiteSmoke,OldLace);
	position:relative;
	top:0;
}

.our-story >h2{
   text-align:center;
   font-size:32px;
   font-weight:900;
   line-height:1.5;
   /* font-family:heading; */
   font-family:var(--font);
   letter-spacing:0.9px;
   word-spacing:2px;
   background:linear-gradient(to bottom right,gray,black);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
    padding-top:22px;
	padding-bottom:20px;
	margin:0 auto;
 }

.our-story > .story{
	position:absolute;
	top:80px;
	left:50%;
	transform:translate(-50%,0);
	height:400px;
	width:100%;
	z-index:1000;
	display:flex;
	justify-content:space-evenly;	
	flex-wrap:wrap;
}


.about-more{
	position:relative;
	top:-5px;
	margin:0 auto;
	height:370px;
	width:85%;
	z-index:1000;
	background-color:black;
	border-radius:30px;
	box-shadow:0 2px 10px gray;
	transform:scale(0);
	transition:all 0.5s ease;
}
.about-more > .fa-xmark{
	color:white;
	text-align:right;
	position:absolute;
	right:30px;
	bottom: 10px;
	font-size:20px;
	padding:10px 0;
	cursor:pointer;
}

.about-more > p {
	margin-top:10px;
	color:white;
	padding:5px 40px;
	text-align:justify;
	line-height:1.3;
}



.story > .story-img{
	height:370px;
	width:550px;
	box-shadow:0 2px 10px black;
	border-radius:10px;
	transform:scale(0.9);
	transition:all 0.5s ease;
	

}

.story > .story-img >img{
	width:100%;
	height:100%;
	border-radius:10px;
	
}

 .story > .story-img:hover{
	 transform:scale(1);
	 box-shadow:0 2px 9px orange;
	 
 }

.story > .story-content{
	height:270px;
	width:550px;
	margin-top:10px;
	
}

.story-content > p{
	text-align:justify;
	line-height:1.5;
	font-family:var(--para);
	font-size:17px;
	
}

.btn{
	width:100px;
	height:35px;
	border:1px solid orange;
	background-image:linear-gradient(#f47216,purple);
	border-radius:5px;
	color:white;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	margin-top:20px;
	z-index:1;
	transition:all 0.5s ease;
}

.btn:hover{
	background-image:linear-gradient(#f47216,black);
	
}

.story-content > .icons{
	position:absolute;
	height:90px;
	width:450px;
	margin-top:16px;
	display:flex;
	
	
}


.story-content > .icons > .icon-box{
	height:100px;
	width:140px;
	background-color:#dddada80;
	text-align:center;
	padding-top:16px;
	border-radius:5px;
	box-shadow:5px 0 5px gray;
	cursor:pointer;
	transform:scale(0.9);
	transition:all 0.3s;
	
}


.icon-box > img{
	height:50px;
	width:50px;
	margin-top:10px;
}

.story-content > .icons > .icon-box:hover{
	background:#ffa5006b;
	transform:scale(1);
	
}




/* popular food */

.pop-food{
	position:relative;
	height:550px;
	max-width:100%;
	background-image:linear-gradient(WhiteSmoke,OldLace);
	
}


.pop-food  h2,h4{
	text-align:center;
}

.pop-food > h4{
	padding-top:20px;
	padding-bottom:6px;
	font-family:var(--para);
	color:black;
	z-index:9999999;
}

.pop-food > h2{
	padding-bottom:25px;
	font-family:var(--font);
	background:linear-gradient(to bottom right,gray,black);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   z-index:99999;
}

.food-items{
	position:relative;
	top:16px;
	left:50%;
	height:350px	;
	width:90%;
	border-radius:5px;
	background-image:url('images/foodbg1.webp');
	background-size:cover;
	/* background:#48403b; */
	transform:translate(-50%,0);
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	align-items:center;
	box-shadow:5px 5px 5px gray;
}

.food-items::before{
	content:'';
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:5px;
	z-index:-1;
}


.pfood{
	width:300px;
	height:200px;
	/* margin-top:3.12rem; */
	position:relative;
	background-color:white;
	border-radius:5px;
	box-shadow:2px 5px 5px gray;
	cursor:pointer;
	overflow:hidden;
	z-index:1;
}

.pfood::before{
	content:'';
	background-color:orange;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:5px;
	transform:translateX(-100%);
	transform-origin:top left;
	transition:all 0.3s;
}

.pfood:hover:before{
	transform:translateX(0);
	z-index:-1;
	
}



.pfood > h4{
	font-size:18px;
	padding:15px 10px;
	font-family:var(--para);
	font-weight:900;
}
.pfood > p{
	width:192px;
	font-size:16px;
	padding:5px 5px;
	font-family:var(--para);
	text-align:justify;
	margin:0 auto;
}


.price{
	 width:300px;
	 height:65px;
	 display:flex;
	 justify-content:space-evenly;
	 align-items:center;
	 
	}


.price > .btn{
	background:transparent;
	border-radius:5px;
	color:white;
	background-color:black;
	width:80px;
	height:35px;
	letter-spacing:0.5px;
	font-family:var(--para);
	font-size:16px;
	font-weight:700;
}
.pfood > .p-img{
	position:absolute;
	top:50px;
	left:50%;
	transform:translate(-50%,0);
	width:220px;
	height:140px;
	background:green;
	border-radius:5px;
	z-index:1;
	box-shadow:2px 5px 5px gray;
	transition:all 0.5s;
	/* display:none; */
	z-index:5000;
	
}

.pfood > .p-img > img{
	position:absolute;
	width:100%;
	height:100%;
	border-radius:5px
}

.pfood:hover .p-img{
	transform:scale(0.5);
	opacity:0;
	
}
.food-items > .btn{
	background:transparent;
	border:1px solid orange;
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translate(-50%,0);
	z-index:1;
	border-radius:0;
	letter-spacing:0.8px;
	font-family:var(--para);
	cursor:pointer;
	
}

/* ordered food */
.order-food{
	position:relative;
	height:750px;
	max-width:100%;
	background-image:url('images/story3.jpg');
	background-size:cover;
	padding:10px 0;
}

.order-food:before{
	content:'';
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	
}

.order-food > h4{
	font-family:var(--para);
	color:white;
	z-index:9999;
}

.order-food  h2,h4{
	text-align:center;
}

.order-food > h2{
	font-family:var(--font);
	position:absolute;
	top:20px;
	left:50%;
	transform:translate(-50%,0);
	background-image:linear-gradient(to bottom right,#f47216,white);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
	z-index:99999;
}

 .food-nav{
	position:absolute;
	width:90%;
	height:50px;
	top:90px;
	left:50%;
	transform:translate(-50%,0);
	background-color:#48403b;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-wrap:wrap;
	border-radius:25px 25px 0  0;
	color:white;
	font-family:menu;
	font-size:23px;
	z-index:1;
}

.fmenu{
	border-bottom:3px solid orange;
	border-left:3px solid orange;
	border-radius:10px;
	padding:0 5px;
	cursor:pointer;
}

.menu-block{
	position:relative;
	max-width:90%;
	height:500px;
	top:120px;
	left:50%;
	transform:translate(-50%,0);
}

.menu-img{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	color:white;
}

.mimg{
	background:transparent;
	border:1px	solid white;
	border-radius:5px;
	box-shadow: 0 0 5px white;
	width:360px;
	height:200px;
	margin-top:20px;
	display:flex;
	justify-content:space-evenly;

}

.om{
	width:120px;
	height:120px;
	border-radius:50%;
	/* background-color:white; */
	margin-left:15px;
	position:relative;
	top:0;
	margin-top:15px;
}

.om > img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.om > .rs{
	position:absolute;
	top:140px;
	left:15px;
	border:1px solid orange;
	padding:5px 10px;
	font-size:13px;
	background-color:orange;
	border-radius:20px;
	cursor:pointer;
	transition:all 0.3s ease;
}

.om > .rs:hover{
	background-color:black;
	color:white;
}



.omtext{
	width:190px;
	height:180px;
	margin-right:15px;
	margin-top:15px;
	position:relative;
	
	
}

.omtext > h4{
	
	font-size:17px;
	text-align:center;
}

.omtext > p{
	
	font-size:16px;
	text-align:center;
	font-family:var(--para);
}

.omtext > .btn{
	position:absolute;
	bottom:8px;
	background:transparent;
	border:1px solid orange;
	border-radius:0;
	width:70px;
	height:30px;
	margin-left:60px;
	margin-top:18px;
	cursor:pointer;
	
	
}
 .order-food > .btn{
	border-radius:0;
	border:1px solid orange;
	background:transparent;
	color:white;
	background-color:black;
	width:100px;
	height:35px;
	letter-spacing:1.2px;
	font-family:var(--para);
	position:absolute;
	bottom:20px;
	left:50%;
	transform:translate(-50%,0);
	padding:5px 10px;
	cursor:pointer;
}


#lunch{
	display:none;
	background-color:#79554859;
	display:flex;
}

#dinner{
	display:none;
	background-color:#80008036;
	display:flex;
}

#drink{
	display:none;
	background-color:#2900ff26;
	display:flex;
}

#desert{
	display:none;
	background-color:#ffa50029;
	display:flex;
}


#snack{
	display:none;
	background-color:#e6ff0021;
	display:flex;
}

/* reversation */

.table{
	position:relative;
	height:800px;
	max-width:100%;
	background-image:linear-gradient(WhiteSmoke,OldLace);
}

.table > h4{
	padding-top:20px;
}

.table > h2 {
	background:linear-gradient(to bottom right,gray,black);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
}
.res{
	position:relative;
	top:5px;
	left:50%;
	height:600px;
	width:80%;
	transform:translate(-50%,0);	
	background-image:url('images/rest.jpg');
	background-size:cover;
}

.res::before{
	content:'';
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	
}

.res > .book-table{
	position:absolute;
	top:50px;
	width:100%;
	height:500px;
	z-index:1;
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
		
}

.res > .book-table > .video{
	width:480px;
	height:460px;
	background:black;
	border:1px solid orange;
	display:flex;
	justify-content:center;
	align-items:center;
		
}
.res > .book-table > .video > video{
	width:100%;
	height:auto;
}
	


.book-table > .tdetail{
	width:400px;
	height:460px;
	background:rgba(0,0,0,0.7);
	color:white;
	border:1px solid orange;
	position:relative;
	
}

.output{
	background:black;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.9;
	text-align:center;
	line-height:40px;
	transform:scale(0);
	transition:all 0.3s;
}

.output > p {
	text-align:left;
	padding-left:40px;
	font-size:20px;
}

.output > button{
	width:80px;
	height:30px;
	font-size:18px;
	background:orange;
	border:1px solid white;
}


.book-table > .tdetail > label{
	margin-left:15px;
	margin-top:10px;
	display:inline-block;
}

.book-table > .tdetail > .naam{
	padding-top:17px;
}

.book-table > .tdetail > input[type="text"]
{
	display:inline-block;
	margin:15px 12px;
	border-radius:0;
	width:360px;
	height:40px;
	background:transparent;
	color:white;
	border:1px solid orange;
	font-size:18px;
}

.book-table > .tdetail > input[type="email"]{
	display:inline-block;
	margin:15px 12px;
	border-radius:0;
	width:360px;
	height:40px;
	background:transparent;
	color:white;
	border:1px solid orange;
	font-size:18px;
}

.book-table > .tdetail > input[type="tel"]{
	display:inline-block;
	margin:8px 10px;
	border-radius:0;
	width:170px;
	height:40px;
	background:transparent;
	color:white;
	border:1px solid orange;
	font-size:18px;
	padding-left:20px;
}

.book-table > .tdetail >
input[type="number"]{
	display:inline-block;
	margin:10px 15px;
	border-radius:0;
	width:150px;
	height:40px;
	background:transparent;
	color:white;
	border:1px solid orange;
	padding-left:10px;
	font-size:18px;
	
}


.book-table > .tdetail >
input[type="date"]
{
	display:inline-block;
	margin:10px 15px;
	border-radius:0;
	width:150px;
	height:40px;
	background:transparent;
	color:white;
	border:1px solid orange;
	padding-left:10px;
	font-size:13px;
}



::-webkit-calendar-picker-indicator {
	background-color:white;
	padding:5px;
	font-size:13px;
	margin-right:5px;
}

::-webkit-time-picker-indicator {
	background-color:white;
	padding:5px;
	font-size:13px;
	margin-right:5px;
}

.book-table > .tdetail >
input[type="time"]{
	display:inline-block;
	margin:10px 15px;
	border-radius:0;
	width:160px;
	height:40px;
	background:transparent;
	color:white;
	border:1px solid orange;
	padding-left:20px;
	font-size:12px;
	
}

.tdetail > .person{
	padding-left:140px;
	display:inline-block;
}


.tdetail > .ti{
	padding-left:150px;
	display:inline-block;
}

.tdetail > #time{
	margin-left:20px;
}
::placeholder{
	padding-left:20px;
}

.tdetail > .btn{
	margin-top:15px;
	margin-left:120px;
	border-radius:0;
	background:transparent;
	border:1px solid orange;	
	color:white;
	width:120px;
	height:35px;
	background-color:black;
	letter-spacing:2px;
	font-family:var(--para);
	z-index:1;
}






/* event */

.event{
	position:relative;
	height:750px;
	width:100%;
	background-image:url('images/event3.jpg');
	background-size:cover;
	margin-bottom:0rem;
	
	/* background-image:linear-gradient(WhiteSmoke,OldLace); */
}

.event::before{
	content:'';
	background:rgba(0,0,0,0.7);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
}
.event h4{
	position:absolute;
	top:20px;
	left:50%;
	transform:translate(-50%,0);
	color:white;
	
}

.event > h2{
	position:absolute;
	top:35px;
	left:50%;
	transform:translate(-50%,0);
	background-image:linear-gradient(to bottom right,#f47216,white);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   z-index:99999;
}

.event-details{
	position:absolute;
	top:90px;
	left:50%;
	transform:translate(-50%,0);
	height:650px;
	width:95%;	
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
		
}

.event-details > .event-img{
	margin-top:20px;
	width:480px;
	height:580px;
	box-shadow:0 2px 8px orange;
	}

.eimg{
	width:100%;
	height:300px;
	position:relative;
}


.eimg > img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.ehead{
	width:100%;
	height:50px;
	background-color:#f47216;
	padding:18px 20px;
	color:white;
	font-family:var(--para);
	font-weight:900;
	letter-spacing:1.5px;
}

.etext{
	width:100%;
	height:230px;
	background:white;
	text-align:justify;
	padding:15px 15px;
	font-family:var(--para);
	line-height:1.3;
	position:relative; 
	overflow:hidden;
	color:black;
	z-index:1;
}
.etext::before{
	content:'';
	background:black;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform:translateY(-100%);
	transition:all 0.3s linear;
	color:white;
}

.etext:hover{
	color:white;
}

.etext:hover:before{
	transform:translateY(0);
	color:white;
	z-index:-1;
}

.etext:hover .btn{
	color:white;
}


.etext > .btn{
	background:transparent;
	border:1px solid orange;
	border-radius:0;
	color:orange;
	background-color:black;
	font-family:-var(para);
}

/* servies */

.ser{
	position:relative;
	height:500px;
	max-width:100%;
	background-image:linear-gradient(WhiteSmoke,OldLace);
	
}
.ser > h4{
	padding-top:40px;
}

.ser > h2{
	background:linear-gradient(to bottom right,gray,black);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
}
.ser-img{
	position:relative;
	top:17px;
	left:50%;
	height:300px;
	width:80%;	
	background-image:url('images/foodbg1.webp');
	background-size:cover;
	transform:translate(-50%,0);
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-wrap:wrap;
	box-shadow:0 5px 15px gary;
}

.ser-img::before{
	content:'';
	background-color:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	
}
.ser1{
	width:180px;
	height:90px;
	background-color:#f47216;
	z-index:9999;
	color:white;
	text-align:center;
	font-size:16px;
	padding-top:17px;
	text-transform:uppercase;
	font-family:var(--para);
	position:relative;
	overflow:hidden;
}
.font25{
	font-size:21px;
	
}

.ser1::before{
	content:'';
	background-image:linear-gradient(to bottom right,red,purple);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform:translateX(-100%);
	transition:all 0.3s linear;
	
}

.ser1:hover:before{
	transform:translateX(0);
	z-index:-1;
}

.ser-img > p {
	width:100%;
	color:white;
	z-index:9999;
	text-align:center;
}

/* review section */

.review{
	position:relative;
	height:650px;
	max-width:100%;
	background-image:linear-gradient(WhiteSmoke,OldLace);
	
}

.review h2,h4{
	text-align:center;
}

.review > h4{
	padding-top:20px;
	padding-bottom:10px;
	font-family:var(--para);
	color:black;
}

.review > h2{
	padding-bottom:20px;
	font-family:var(--font);
	background:linear-gradient(to bottom right,gray,black);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
}

.review-box{
	position:relative;
	top:10px;
	left:50%;
	transform:translate(-50%,0);
	height:450px;
	width:90%;
	border-radius:5px;
	background:#48403b;
	box-shadow:5px 5px 5px gray;
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	
}



.review-box > .btn{
	background:transparent;
	border:5px solid orange;
	position:absolute;
	top:520px;
	left:50%;
	transform:translate(-50%,0);
	z-index:1;
	border-radius:0;
	letter-spacing:1px;
	font-family:var(--para);
	cursor:pointer;
		
}
.fa-angle-left{
	color:white;
	z-index:1;
	position:absolute;
	top:50%;
	left:16px;
	transform:translate(0,-50%);
	font-size:20px;
	opacity:0.3;	
}

.fa-angle-right{
	color:white;
	z-index:1;
	position:absolute;
	top:50%;
	right:16px;
	transform:translate(0,-50%);
	font-size:20px;
	opacity:0.3;	
}


.re-text{
	width:450px;
	height:200px;
	margin-top:100px;
	left:0;
	top:0;
	position:relative;
	background-color:orange;
	border-radius:3px;
	box-shadow:2px 5px 5px gray;
	cursor:pointer;
	z-index:9999;
	transition:all 0.3s ease;	
	
}



.re-text:hover{
	background-color:black;
	color:white;
}

.re-text:hover .p-img{
	background-color:black;
}

.re-text > p{
	margin-left:20px;
	margin-right:20px;
	margin-top:60px;
	font-family:var(--para);
	font-size:17px;
}
.re-text > .name{
	position:absolute;
	top:-50px;
	left:-40px;
	width:360px;
	height:100px;
	background-color:black;
	border-radius:0 70px 0 0;
	border-top:2px solid orange;
	border-right:2px solid orange;
	z-index:2;
}

.name > h5 {
	color:white;
	margin-left:50px;
	margin-top:10px;
	font-size:16px;
	font-family:var(--para);
}
.name > p {
	color:white;
	margin-left:50px;
	margin-top:2px;
	font-size:16px;
	font-family:var(--para);
}

.name > .star{
	position:absolute;
	bottom:10px;
	right:70px;
	width:40px;
	height:20px;
	display:flex;
	color:orange;
}

.fa-star{
	margin-left:2px;
}

.re-text >.shadow{
	width:42px;
	height:42px;
	position:absolute;
	top:50px;
	left:-41px;
	background-color:transparent;
	border:21px solid #00000090;
	border-top-color:#00000090;
	border-right-color:#00000090;
	border-left-color:transparent;
	border-bottom-color:transparent;
	z-index:-1;
}

.re-text > .p-img{
	position:absolute;
	top:-50px;
	right:0;
	width:100px;
	height:100px;
	border-radius:50%;
	background-color:orange;
	z-index:3;
	
}

.re-text > .p-img > img{
	position:absolute;
	width:90%;
	height:90%;
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}




/* chefs */

.chefs{
	position:relative;
	height:600px;
	width:100%;
	background-image:url('images/chef-bg.jpg');
	background-size:cover;
	
}

.chefs::before{
	content:'';
	background:linear-gradient(to bottom right,black,gray);
	opacity:0.6;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.chefs > h4{
	color:white;
	position:absolute;
	z-index:999;
	top:10px;
	left:50%;
	transform:translate(-50%,0);
}
.chefs > h2{
	color:white;
	position:absolute;
	z-index:999;
	top:10px;
	left:50%;
	transform:translate(-50%,0);
	background-image:linear-gradient(to bottom right,#f47216,white);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
}


.chefs-details{
	position:absolute;
	top:80px;
	left:50%;
	transform:translate(-50%,0);
	height:450px;
	width:90%;	
	background:rgba(0,0,0,0.6);
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
}


.chefs-details > .chef-img{
	width:450px;
	height:400px;
	position:relative;
	top:20px;
	box-shadow:0 0 8px orange;
	transform:scale(0.9);
	transition:all 0.3s ease;
}

.chefs-details > .chef-img > img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
}
.chefs-details > .chef-img:hover{
	box-shadow:0 0 10px white;
	transform:scale(1);
}


.chefs-details > .chef-text{
	width:450px;
	height:400px;
	transform:scale(1);
	transition:all 0.3s ease;
	
	/* background:red; */
}

.chefs-details > .chef-text > p{
	margin-top:50px;
	text-align:justify;
	margin-right:40px;	
	color:white;
	font-family:var(--para);
	
}

.chefs-details > .chef-text:hover{
	transform:scale(1.1);
}
.chef-text > .btn{
	display:inline-block;
	margin-left:0 auto;
	border-radius:0;
	border:1px solid orange;
	background:transparent;
	font-family:var(--para);
	letter-spacing:1.5px;
}



/* Happy client */
.clent{
	height:300px;
	max-width:100%;
	background-image:linear-gradient(WhiteSmoke,OldLace);
}

.exper{
	height:300px;
	width:100%;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-wrap:wrap;
	margin:0 auto;
	
}

.ex{
	width:250px;
	height:150px;
	background:#48403b;
	color:white;
	text-align:center;
	padding:15px 15px;
	font-size:20px;
	text-transform:uppercase; 
	font-family:var(--para);
	font-weight:bold;
	letter-spacing:;
	border-radius:10px;
	box-shadow:0 5px 5px black;
	position:relative;
	transition:all 0.5s ease;
}
.ex > h3{
	font-size:38px;
	padding-top:25px;
}
.ex > p{
	 font-size:19px;
}

.ex > .ex-icon{
	position:absolute;
	top:25%;
	left:50%;
	transform:translate(-50%,-50%);
	width:250px;
	height:100px;
	background:#48403b;
	padding:30px 2px;
	font-size:55px;
	transition:all 0.5s ease;
	border-radius:10px 10px 0 0px;
	
	
}

.ex:hover .ex-icon{
	position:absolute;
	top:-40px;
	left:50%;
	transform:translate(-50%,0);
	width:100px;
	height:70px;
	font-size:40px;
	background:orange;
	padding:10px 2px;
	border-radius:5px;
}

.ex:hover{
	box-shadow:0px 2px 8px orange;
}

/* contact map */

.map{
	height:550px;
	max-width:100%;
	background-image:url('images/mapbg.jpg');
	background-size:cover;
	background-image:linear-gradient(WhiteSmoke,OldLace);
	position:relative;
}

.map > h2{
	padding-top:15px;

}

.map > .footer-map{
	position:relative;
	height:400px;
	width:80%;
	z-index:999;
	left:50%;
	transform:translate(-50%,0);
	/* border:2px solid #f47216;; */
	box-shadow:0px 0 5px orange;
	top:25px;
	
}

.footer-map iframe{
	width:100%;
	height:100%;
}

.footer-map:before{
	content:'';
	background:linear-gradient(to bottom right,black,gray);
	opacity:0.4;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
}

.footer-map > button{
	position:absolute;
	top:16px;
	right:16px;
	width:100px;
	height:30px;
	z-index:9999;
	background-image: linear-gradient(#f47216,purple);
	border:none;
	border-radius:5px;
	font-size:16px;
	color:white;
	cursor:pointer;	
}

/* map end */

/* foooter */

.footer-head{
	width:100%;
	height:180px;
	background:black;
	position:relative;
}

h2{
	padding:15px 0;
   text-align:center;
   font-size:32px;
   font-weight:900;
   line-height:1.5;
   font-family:var(--font);
   letter-spacing:.8px;
   word-spacing:1px;
   background-image:linear-gradient(to bottom right,#f47216,white);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
 }
 
.up-foot{
	height:25px;
	width:100%;
	background-image:linear-gradient(to bottom right,#f47216,purple);
	position:absolute;
	top:70px;
	left:0;
	
}

.up-foot > p{
	color:white;
	text-align:center;
	padding:3px 0;
}

.foot-logo{
	position:absolute;
	top:110px;
	height:50px;
	width:100%;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-wrap:wrap;
	}

.foot-logo > img{
	width:120px;
	height:auto;
}	

.email{
	position:relative;
	background:white;
	border:none;
	border-radius:20px;
	height:40px;
	width:400px;
	
	
}

.email > .signup{
	position:absolute;
	top:0;
	right:0;
	background-image:linear-gradient(#f47216,purple);
	border:none;
	border-radius:20px;
	height:40px;
	width:200px;
	cursor:pointer;
}
input[type="text"], input[type="email"]{
	border:none;
	outline:none;
	border-radius:54px;
	padding: 0 5px;
	width:200px;
	height:40px;
	/* background:green; */
	box-sizing:border-box;
}

input[type="submit"]{
	width:200px;
	height:40px;
	color:white;
	background-image: linear-gradient(#f47216,purple);
	border:none;
	border-radius:54px;
	text-align:center;
	font-size:16px;
	cursor:pointer;
}

::placeholder{
	font-size:13px;
}

/* foot-head */



footer{
	max-width:100%;
	height:180px;
	background-color:black;
	position:relative;
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	
}

footer > .foot-links{
	width:280px;
	height:160px;
	
}

footer > .menu-links{
	width:100px;
	height:160px;
	opacity:0.7;
	
}
footer > .menu-links > h3{
	 color:white;
	 font-size:18px;
	
 }

footer > .timing{
	width:140px;
	height:160px;
	color:white;
	 opacity:0.7;
	
	}

footer > .timimg > h3{
	 color:white;
	 font-size:18px;
 }


footer > .foot-links > h3{
	 color:white;
	 font-size:18px;
	 opacity:0.7;
 }
 
footer > .foot-links > ul li{
	list-style:none;
}

footer > .foot-links >ul li a{
	text-decoration:none;
	color:white;
	font-family:var(--para);
	opacity:0.7;
	line-height:1.4;
}

footer > .foot-links > ul li a:hover{
		color:#f47216;
}




.add1{
	font-size:16px;
	opacity:0.7;
	line-height:1.5;
	font-family:var(--para);
	color:white;
}
.add2{
	font-size:16px;
	opacity:0.7;
	line-height:1.5;
	font-family:var(--para);
}


.mail{
	font-size:16px;
	opacity:0.7;
	line-height:1.8;
	font-family:var(--para);
}
.mail > a:hover{
	color:#f47216;
}
	
.add1:hover{
	 color:#f47216;
	 cursor:pointer;
 }

 .add2 >a:hover{
	 color:#f47216;
	 cursor:pointer;
 } 
 
.fa-brands{
	font-size:16px;
	color:white;
	opacity:0.9;
	padding-right:16px;
	margin-top:16px;
	margin-bottom:8px;
}
.fs-4{
	font-size:16px;
	color:white;
	opacity:0.9;
	padding-right:16px;
	margin-top:16px;
	margin-bottom:8px;
}

.time{
	font-size:16px;
	opacity:0.7;
	line-height:1.5;
	font-family:var(--para);
}
.fa-brands:hover{
	color:#f47216;
}

.fs-4:hover{
	color:#f47216;
}
.foot-end{
	height:30px;
	width:100%;
	background:black;
}
hr{
	color:white;
	width:100%;
	height:0px;
	opacity:0.3	;
}

.foot-end > p{
	color:white;
	text-align:center;
	padding:5px 0;
	opacity:0.5;
	font-size:12px;	
}

.fa-close{
		display:none;
		margin-right:20px;
		border:1px solid black;
		cursor:pointer;
		padding:3px;
		font-size:20px;
}

@media(max-width:1200px){
	.order-food{
	height:950px;
	}
	
	.menu-block{
		height:700px;
	}

	.about-more > p {
	margin-right:20px;
	font-size:12px;
	line-height:1;
	}
	
}

@media(max-width:1107px){
	.nav-bar > .logo{
	height:40px;
	width:110px;
	margin-left:15px;
	}
	.nav-bar ul{
	font-size:16px;
	}
	
	.nav-bar ul > li > a{
	font-size:20px;
	}
	
	.right-nav > a > button{
	width:80px;
	height:30px;
	font-size:11px;
	}
	


	.story > .story-img{
		height:370px;
		width:500px;
		}
		
	.story-content > p{
		line-height:1.4;
		font-size:16px;
		
	}

	.btn{
		width:80px;
		height:30px;
		font-size:12px;
	}


	.story-content > .icons{
		height:90px;
		width:400px;
		}


	.story-content > .icons > .icon-box{
		height:95px;
		width:120px;
		}


	.icon-box > img{
		height:40px;
		width:40px;
		}

		
		
	.res > .book-table > .video{
	width:450px;
	height:460px;
		}
	
	.book-table > .tdetail{
		width:390px;
		height:460px;
		}
		
	.review{
		height:850px;
	}
	.review-box{
		height:650px;
		width:80%;
		
	}
}
	
@media(max-width:1080px){
	.our-story{
		height:450px
	}
	
	.our-story > .story{
	width:100%;
	height:400px;

	}
	.story > .story-img{
		height:300px;
		width:400px;
		}
	
	.food-items{
		width:95%;
	}
	.res{
		width:90%;
	}
	
	.ex{
	width:200px;
	height:130px;
	font-size:15px;
	letter-spacing:1.2px;
	
}
.ex > h3{
	font-size:30px;
	padding-top:25px;
}
.ex > p{
	 font-size:15px;
	 letter-spacing:1.5px;
}

.ex > .ex-icon{
	width:200px;
	height:100px;
	padding:30px 2px;
	font-size:45px;
	
}

.ex:hover .ex-icon{
	width:80px;
	height:60px;
	font-size:40px;
	padding:8px 2px;
	
}


.event-details > .event-img{
	width:450px;
	height:550px;
	
	}

.eimg{
	width:100%;
	height:270px;
	position:relative;
}

}


@media(max-width:1030px){

	.nav-bar > .logo{
	height:40px;
	width:90px;
	margin-left:10px;
	}
	.nav-bar ul{
	font-size:14px;
	}
	
	.nav-bar ul > li > a{
	font-size:18px;
	}
	
	.right-nav > a > button{
	width:60px;
	height:25px;
	font-size:9px;
	}
	
}

	
@media(max-width:1000px){
	
	.chefs-details{
	height:400px;
	width:95%;	
	
}


.chefs-details > .chef-img{
	width:400px;
	height:350px;
}


.chefs-details > .chef-text{
	width:400px;
	height:400px;
}

.chefs-details > .chef-text > p{
	margin-top:50px;
	text-align:justify;
	margin-right:40px;
	font-size:14px;
	}
	
}

@media(max-width:995px){
	
	.nav-bar ul{
	gap:10px;
	
	}
	
	.nav-bar ul > li > a{
	font-size:16px;
	gap:1px;
	}
	
	.our-story{
	max-width:100%;
	height:500px;
	}


.our-story > .story{
	height:400px;
	}


.about-more{
	height:370px;
	width:90%;
	}

.about-more > p {
	margin-top:10px;
	font-size:14px;
}

.story > .story-img{
	height:370px;
	width:450px;
}


.story > .story-content{
	height:350px;
	width:400px;
	margin-top:10px;
	
}

.story-content > p{
	margin-top:10px;
	height:170px;
	font-size:14px;
		
}

.event-details > .event-img{
	width:400px;
	height:550px;
	}

.eimg{
	width:100%;
	height:270px;
		}
		
	.res > .book-table > .video{
	width:390px;
	height:460px;
		}
	
	.book-table > .tdetail{
		width:390px;
		height:460px;
		}
	
	
}

@media(max-width:950px){

	.pop-food{
	height:800px;
	}
	.food-items{
	height:600px;
	width:95%;
	justify-content:space-around;
	}
	
	.ser-img{
	height:300px;
	width:90%;
	}
}

		
@media(max-width:880px){
	.top-bar{
	display:block;
}
	.top-bar{
	height:50px;
	width:100%;
	position:fixed;
	top:0px;
	left:50%;
	transform:translate(-50%,0);
	background:black;
	border:none;
	box-shadow:2px 0px 10px red;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:999999;
	}
	
	.top-bar > .right-nav > i{
		color:white;
		
	}
	
	.top-bar > .right-nav > a > button{
	width:130px;
	height:30px;
	border-radius:20px;
	font-size:16px;
	}
	
	.nav-bar{
	top:50px;	
	height:50px;
	width:100%;
	border-radius:0;
	}
	
	.nav-bar > .right-nav{
		display:none;
	}
	
	.nav-bar ul li a{
		font-size:22px;
	}
	
	.nav-bar ul{
		margin-right:50px;
	}
	
	.nav-bar > .logo{
		height:45px;
		width:110px;
		margin-left:20px;
	}
	
	.about-more{
	height:380px;
	width:95%;
		
	}

.about-more > p {
	margin-top:20px;
	font-size:14px;
	padding-top:20px;
}

.story > .story-img{
	height:370px;
	width:450px;
}


.story > .story-content{
	height:350px;
	width:400px;
	margin-top:10px;
	
}

.story-content > p{
	margin-top:10px;
	height:160px;
	font-size:14px;
	padding-right:20px;
		
}
	.table{
	height:1100px;}


	.res{
	height:900px;
	width:80%;
	}
	
	.res > .book-table > .video{
	width:500px;
	height:350px;
		}
	
	.book-table > .tdetail{
		margin-top:10px;
		width:390px;
		height:460px;
		}
	
	.event{
		height:1300px;
	}	
	
	.event-details{
	width:85%;	
	height:1000px;
	}
	
.event-details > .event-img{
	margin-bottom:10px;
	margin-top:10px;
	width:500px;
	height:550px;
	}	
	
	.exper{
	height:500px;
	max-width:80%;	

	}
	
	footer > .menu-links{
	margin-left:15px;	
	}
}

	
@media(max-width:850px){

	
	.our-story{
		height:800px;
	}
	.story > .story-img{
	height:370px;
	width:550px;
	box-shadow:0 2px 10px black;
	border-radius:10px;
	transform:scale(0.9);
	transition:all 0.5s ease;
	

}

 .story > .story-content{
	height:270px;
	width:550px;
	margin-top:10px;
	margin-left:40px;
	
}

.story-content > p{
	line-height:1.5;
	font-size:17px;
	}

	
}

@media(max-width:842px){

.chefs{
	height:850px;
}

.chefs-details{
	height:750px;
}
.chefs-details > .chef-img{
	width:500px;
	height:400px;
	top:20px;
	
}


.chefs-details > .chef-text{
	width:500px;
	height:400px;
	margin-left:35px;
	
}

.chefs-details > .chef-text > p{
	text-align:justify;
	margin-right:40px;	
}


.mimg{
	width:300px;
	height:200px;
	margin-top:20px;
}


}

@media(max-width:815px){
		
	.ser{
		height:500px;
	}	
	.ser-img{
	height:310px;
	width:87%;
	}
	
	footer{
	max-width:100%;
	height:300px;
	}
			
}

@media(max-width:780px){
	
	.exper{
	height:500px;
	max-width:70%;	
	}
	
		footer > .menu-links{
	margin-left:25px;	
	}
}


@media(max-width:701px){
	.nav-bar ul li a{
		font-size:19px;
	}
	
	.nav-bar ul{
		margin-right:10px;
	}


}

@media(max-width:690px){
	.pop-food{
		height:1150px;
	}
	
	.food-items{
	height:950px	;
	width:80%;
	justify-content:space-around;
	}
	
	.order-food{
		height:1600px;
	}
	
	.menu-block{
		height:1380px;
		width:85%;
	}
	
.re-text{
	width:350px;
	height:180px;
	}


.re-text > p{
	margin-top:60px;
	font-size:15px;
	text-align:center;
}

.re-text > .name{
	position:absolute;
	top:-50px;
	left:-40px;
	width:360px;
	height:80px;
	}

.name > p {
	font-size:15px;
	}

.name > .star{
	bottom:10px;
	right:130px;
	
}

.fa-star{
	margin-left:2px;
}

.re-text >.shadow{
	top:30px;
	left:-41px;
	}


.re-text > .p-img{
	top:-50px;
	right:-10px;
	width:80px;
	height:80px;
	}

.event{
	height:1200px;
}

.event-details{
	height:650px;
	width:85%;	
		
}

.event-details > .event-img{
	width:400px;
	height:510px;
	}


.ehead{
	letter-spacing:1.3px;
}

.etext{
	width:100%;
	height:200px;
	padding:15px 15px;
	line-height:1.2;
	}
	
	.etext > p{
		font-size:14px;
	}
	
	.res > .book-table > .video{
	width:400px;
	height:350px;
		}


	
	footer{
		height:400px;	
	}
	
	footer > .menu-links{
	margin-left:5px;
	}
	
	footer > .foot-links{
		margin-left:50px;
	}
	
	footer > .timing{
		margin-right:125px;
	}
	
	
}

@media(max-width:650px){
		
	header{
	height:90px;
	width:100%;
	position:fixed;
	top:0px;
	left:0;
	z-index:9999999;
}	
		
	.fa-bars{
		display:block;
		margin-right:20px;
		border:1px solid black;
		cursor:pointer;
		padding:3px;
	}
		
	.nav-bar{
		width:100%;
		position:absolute;
		top:50;
		left:50%;
		transform:translate(-50%,0);
		justify-content:space-between;
		border-radius:0;
		
	}
		
	.nav-bar ul{
	display:block;
	justify-content:center;
	align-items:center;
	
	}
	
	.nav-bar ul li a{
		font-size:20px;
		color:orange;
			
	}
		
	.nav-item{
		position:absolute;
		top:100%;
		right:0;
		width:35%;
		transform:translateX(-100%);
		visibility:hidden;
		opacity:0;
		overflow-x:hidden;
		height:82vh;
		background-color:black;
		color:white;
		pointer-events:none;
		z-index:9999;
		transition:all 0.5s linear;
	}
	
	.toggle-menu{
		transform:translateX(0%);
		visibility:visible;
		opacity:1;
		pointer-events:auto;
		z-index:999999;
		}
	
	.ser{
		height:600px;
	}	
	.ser-img{
	height:410px;
	width:80%;
	}
		
.foot-logo > img{
	width:100px;
	height:50px;
}

}


@media(max-width:600px){
	
	.slider h1{
		font-size:40px;
	}
	
.nav-bar{
	top:0;
	}
	.nav-bar > .right-nav{
	display:block;
	height:48px;
	width:200px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:16px;
	
}

.right-nav > a > button{
	width:100px;
	height:30px;
	background:#f47216;
	border:none;
	border-radius:20px;
	color:white;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
}

.top-bar{
	display:none;
}

.res{
	width:95%;
}

.review-box{
	width:95%;
}

.client{
	height:400;
	width:100%;

}
.client > .exper{
	
	width:100%;
	height:400px;
	
}

	footer{
		height:400px;
		}
	
	footer > .menu-links{
	margin-left:5px;
	font-size:15px;
	
	}
	
	footer > .foot-links{
		margin-left:35px;
		font-size:12px;
	}
	
	footer > .timing{
		margin-right:115px;
		font-size:12px;
	}
	
	
}



@media(max-width:571px)
{
	.nav-item{
		position:absolute;
		top:100%;
		right:0;
		width:35%;
		height:70vh;
		
	}
	
	.slider{
	height:80vh;
	}
	
	.slider > .carousel-main{
	height:80vh;
	}
	
	.client{
	height:750;
	width:100%;
	}
	.client > .exper{
	
	width:100%;
	height:750px;
	
	}
	
	
	
	
	.email{
	height:40px;
	width:250px;
	}

.email > .signup{
	height:40px;
	width:100px;
	}
input[type="text"], input[type="email"]{
	padding: 0 5px;
	width:150px;
	height:40px;
}

input[type="submit"]{
	width:100px;
	height:40px;
	font-size:16px;
	
}
	
	footer > .foot-links > h3{
	  font-size:13px;
	 }
	 
	 footer > .menu-links{
	margin-left:5px;
	font-size:15px;
	
	}
	
	footer > .foot-links{
		margin-left:20px;
		font-size:12px;
	}
	
	footer > .timing{
		margin-right:20px;
		font-size:12px;
	}
}

@media(max-width:485px){

	.slider h1{
		font-size:30px;
	}
	
	.our-story{
		height:650px;
	}
	
.story-content > p{
	line-height:1.3;
	font-size:14px;
	margin-right:20px;
	}
	
	.story > .story-img{
	height:200px;
	width:350px;
	}
	
	.about-more{
		height:650px;
	}
	
	.res > .book-table > .video{
	width:330px;
	height:350px;
		}
	.ser{
		height:850px;
	}	
	.ser-img{
	height:700px;
	width:80%;
	}


.review-box{
	width:100%;
}

.re-text{
	width:300px;
	height:180px;
	}


.re-text > p{
	margin-top:60px;
	font-size:13px;
	text-align:center;
}

.re-text > .name{
	position:absolute;
	top:-50px;
	left:-40px;
	width:300px;
	height:80px;
	}

.name > p {
	font-size:15px;
	}

.name > .star{
	bottom:10px;
	right:80px;
	
}

.fa-star{
	margin-left:2px;
	font-size:12px;
}

.re-text >.shadow{
	top:30px;
	left:-41px;
	}


.re-text > .p-img{
	top:-50px;
	right:-10px;
	width:80px;
	height:80px;
	}

	
.chefs{
	height:850px;
}

.chefs > h2{
	font-size:25px;
}

.chefs-details{
	height:750px;
}
.chefs-details > .chef-img{
	width:400px;
	height:300px;
	top:20px;
	}


.chefs-details > .chef-text{
	width:400px;
	height:400px;
	margin-left:35px;
	
}

.chefs-details > .chef-text > p{
	text-align:justify;
	margin-right:40px;	
}
	
	.map{
		height:450px;
	}
	
	.map > .footer-map{
		height:300px;
	}
	
		 footer > .menu-links{
	margin-left:5px;
	font-size:15px;
	
	}
	
	footer > .foot-links{
		margin-left:15px;
		font-size:12px;
	}
	
	footer > .timing{
		margin-right:0px;
		font-size:12px;
	}
		
}


@media(max-width:440px){
	
	
	.slider h1{
		font-size:25px;
	}
	
	.slider  p{
	bottom:200px;
	font-size:13px;
	animation:ptext 3s 1;
	transition:all 0.3s
}

@keyframes ptext{
	0%{
		opacity:0;
		bottom:250px;
	}
	
}

.nav-item{
		position:absolute;
		top:100%;
		right:0;
		width:40%;
		transform:translateX(0%);
		/* visibility:hidden; */
		/* opacity:0; */
		/* overflow-x:hidden; */
		height:70vh;
		background-color:black;
		color:white;
		pointer-events:none;
		z-index:9999;
		transition:all 0.5s linear;
	}



.nav-bar > .logo{
	height:auto;
	width:100px;
	margin-left:10px;
	
}

.right-nav{
	height:48px;
	width:200px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:16px;
	
}

.right-nav > a > button{
	width:80px;
	height:25px;
	border-radius:20px;
	font-size:11px;
	font-weight:600;
	}


	
	.our-story > h2{
		font-size:25px;
	}
	.story > .story-img {
	width:250px;
	height:200px;
	}
	.story-content > .icons{
	height:50px;
	width:300px;
	margin-top:14px;
	}


.story-content > .icons > .icon-box{
	height:90px;
	width:130px;
	}


.icon-box > img{
	height:40px;
	width:40px;
	margin-top:10px;
}

.about-more{
	height:920px;
}
.food-items{
	width:97%;
}

.table{
	height:1000px;
}

.res{
	height:850px;
}

.res > .book-table > .video{
	width:300px;
	height:300px;
	background:black;
		
}

.book-table > .tdetail{
	width:300px;
	height:450px;
	}

.book-table > .tdetail > .naam{
	padding-top:14px;
}

.book-table > .tdetail > input[type="text"]
{
	margin:12px 10px;
	width:250px;
	height:35px;
	font-size:15px;
}

.book-table > .tdetail > input[type="email"]{
	margin:12px 11px;
	border-radius:0;
	width:250px;
	height:35px;
	font-size:15px;
}

.book-table > .tdetail > input[type="tel"]{
	margin:8px 10px;
	width:120px;
	height:35px;
	font-size:14px;
	padding-left:20px;
}

.book-table > .tdetail >
input[type="number"]{
	margin:10px 15px;
	width:80px;
	height:35px;
	padding-left:10px;
	font-size:14px;
	}


.book-table > .tdetail >
input[type="date"]
{
	margin:10px 15px;
	width:100px;
	height:35px;
	padding-left:10px;
	font-size:10px;
}


::-webkit-calendar-picker-indicator {
	padding:5px;
	font-size:11px;
	margin-right:5px;
}

::-webkit-time-picker-indicator {
	padding:5px;
	font-size:11px;
	margin-right:5px;
}

.book-table > .tdetail >
input[type="time"]{
	margin:10px 15px;
	width:120px;
	height:35px;
	padding-left:20px;
	font-size:12px;
	
}

.tdetail > .person{
	padding-left:80px;
}


.tdetail > .ti{
	padding-left:90px;
}

.tdetail > #time{
	margin-left:20px;
}


.tdetail > .btn{
	margin-top:15px;
	margin-left:80px;
	width:120px;
	height:35px;
	
}

.event{
	height:1220px;
}

.event > h2{
	font-size:20px;
}	
	
.event-details{
	height:900px;
}	
.event-details > .event-img{
	height:530px;
}
	.etext{
	width:100%;
	height:220px;
	}
	
	.review-box{
	width:100%;
}

.re-text{
	width:270px;
	height:160px;
	}


.re-text > p{
	margin-top:50px;
	font-size:13px;
	
}

.re-text > .name{
	top:-50px;
	left:-30px;
	width:250px;
	height:80px;
	}

.name > p {
	font-size:14px;
	}

.name > .star{
	bottom:8px;
	right:50px;
	
}

.fa-star{
	margin-left:2px;
	font-size:10px;
}

.re-text >.shadow{
	width:30px;
	height:30px;
	position:absolute;
	top:30px;
	left:-30px;
	background-color:transparent;
	border:14px solid #00000090;
	border-top-color:#00000090;
	border-right-color:#00000090;
	border-left-color:transparent;
	border-bottom-color:transparent;
	z-index:-1;
}


.re-text > .p-img{
	top:-55px;
	right:-5px;
	width:80px;
	height:80px;
	}

.chefs{
	height:900px;
}

.chefs > h2{
	font-size:20px;
}

.chefs-details{
	height:800px;
}
.chefs-details > .chef-img{
	width:300px;
	height:250px;
	top:10px;
	}


.chefs-details > .chef-text{
	width:400px;
	height:400px;
}


	footer{
		height:600px;
	}

	
	
	.email{
	height:30px;
	width:200px;
	right:20px;
	}
	

	.email > .signup{
		height:30px;
		width:80px;
		}
		
	input[type="text"], input[type="email"]{
		padding: 0 5px;
		width:130px;
		height:30px;
	}

	input[type="submit"]{
		width:80px;
		height:30px;
		font-size:16px;
		
	}
		
		footer > .foot-links > h3{
		  font-size:13px;
		 }
		 
		 footer > .menu-links{
		margin-left:0px;
		font-size:15px;
		
		}
		
		footer > .foot-links{
			margin-left:50px;
			font-size:12px;
		}
		
		footer > .timing{
			margin-right:20px;
			font-size:12px;
		}


}


@media(max-width:440px){
	.slider{
	height:60vh;}
	
	.slider > .carousel-main{
	height:60vh;
	}
	
	.slider  p{
	bottom:140px;
		}

@keyframes ptext{
	0%{
		opacity:0;
		bottom:150px;
	}
	
}


.slider h1{
	bottom:100px;
	font-size:25px;
	}

@keyframes move{
	0%{
		letter-spacing:5px;
		opacity:0;
	}
		
}


.orderbtn{
	height:100px;
	width:200px;
	position:absolute;
	bottom:5px;
	left:50%;
	transform:translate(-20%,0);
	}

	
	.food-nav{
		width:75%;
		height:100px;
		font-size:20px;
	}
	
	.order-food{
		height:1700px;
	}
	
	.order-food > h4{
		font-size:15px;
		color:white;
		z-index:99999;
	}
	
	
	
	.order-food > h2{
		font-size:22px;
	}
	
	.menu-block{
		height:1480px;
		width:85%;
		top:150px;
	}
	
	.arrow{
	height:40px;
	width:50px;
	position:fixed;
	right:-10px;
	bottom:10px;	
	z-index:999999;
	cursor:pointer;
		
	
}

.arrow > a >  .fa-circle-arrow-up{
	font-size:25px;
	}
.nav-item{
	height:60vh;
}

footer{
	
}


footer > .foot-links{
	width:240px;
	height:150px;
	margin-bottom:10px;

	
}

footer > .menu-links{
	width:240px;
	height:160px;
	margin-left:50px;
	
}
footer > .menu-links > h3{
	 color:white;
	 font-size:18px;
	
 }

footer > .timing{
	width:240px;
	height:100px;
	margin-left:55px;
	}
	
}