*{margin: 0;padding: 0; box-sizing: border-box; }
a{text-decoration: none;}
/* /////////////////nav////////////// */
.first{height: 100vh;width: 100%;}
header{display: flex;justify-content: space-around;align-items: center;background-color: black;}
header img {height: 29px;}
nav ul li{list-style: none;display: inline-block;color: white;margin-right: 70px;transition: 0.3s ease;}
nav ul{margin:8px 0}
nav ul li a{text-decoration: none!important; color: white;text-transform: capitalize;position: relative;}
nav ul li a:after{content:'';position: absolute;border-bottom: 2px solid red;top:24px;left:0;width: 0px;transition: 0.6s ease;}
nav ul li a:hover{color: rgb(241, 241, 83);}
nav ul li a:hover::after{border-bottom: 2px solid red;top:24px;left:0;width: 68px;}


/* \\\\\\\\\\\\\\\\\button///////////////// */
button{border-radius: 25px;background-color: rgb(184, 184, 44);width: 130px;outline: none;border: none;text-transform: capitalize;font-weight: 700;}
button:hover{background-color: coral;color: white;cursor: pointer;}

/* \\\\\\\\\\\\\\\\\hero image//////////////////// */
.ban{background-color: blue;width: 100%;height: 600px;position: relative;}
.ban img{height: 100%;width: 100%;}
.tran_img{position: absolute;top:0;left: 0;opacity: 0;transition: 0.6s ease;}
.tran_img:hover{opacity: 1;transition: 0.6s ease;}













/* /////////////////////////chef//////////////////// */
.main h1{font-family: 'Dancing Script', cursive; text-align: center;font-size: 2.9rem;color: rgb(100, 99, 99);}
.main p{font-family: 'Dancing Script', cursive;text-align: center;color: rgb(235, 202, 55);font-size: 2.9rem;margin-top: -24px;}
.chef img {height: 314px;padding: 0 25px;}
.chef p ,h3 {color: rgb(27, 23, 17); text-align: center;}
.chef{width: 241px;position: relative;}
.chef:before{content:'';border-top:1px solid rgb(158, 146, 32) ;border-bottom: 1px solid rgb(158, 146, 32) ;position: absolute;bottom: 10px;top: 60px;width: 270px;z-index: -1;right: -18px;}
.chef:after{content:'';border-right:1px solid rgb(158, 146, 32) ;border-left: 1px solid rgb(158, 146, 32);position: absolute;bottom: 10px;top: 40px;height: 362px;width: 238px; right: -1px;}

.cont{display: flex;width: 58vw;height: auto;justify-content: space-around;flex-wrap: wrap;margin: 20px auto;}









/* ///////////////////////foodsection////////////////////// */



.foodsection{background-image: url("table.jpg");background-repeat: no-repeat;background-size: cover;width: 100%;}



.overlay{background-color: black;opacity: 0.8;}
.intro p{color: white;}

.container{text-align: center;margin-top: 30px;}
.head img {width:238px ;height:84px;}
.input-box {position: relative;}




.classtwo p{margin-bottom: 30px;color: rgb(207, 197, 55);}
.head_two .input-box input{color: rgb(162, 223, 49);width: 100%;font-size: 16px;margin-bottom: 10px;letter-spacing: 1px;border: none;border-bottom: 1px solid white;background: transparent;outline: none;}
.input-box label{ position: absolute;left: 0;top: 0;color: white;font-size: 16px;}

.input-box input:focus~label {display: none;}
.input-box i {font-family: FontAwesome;position: absolute;right: 6px;color: white;}

.head_two li {list-style: none;font-family:FontAwesome;color: white;margin-bottom: 10px;display: block;}
.head_two li i{margin-right: 10px;}

.heading h3{text-transform: capitalize;border-bottom: 1px solid gray;width: 90%;font-size: initial;position: absolute;text-align: left;color: white; }
.heading{padding: 7px;color: white; }

.pic img{ width: 83px;height: 83px;margin-left: -15px; border-radius: 5px;}
.detail{margin-top: -57px; margin-left: 84px;text-align: left;font-size: 0.9rem;margin-bottom: 37px;;color: white;}
.detail h4{font-size: 0.9rem;text-transform: uppercase;margin-top: -27px}

.time h4{font-size: 0.9rem;text-align: left;text-transform: uppercase;margin-top: 36px;color: rgb(202, 164, 38);font-weight: bold;}
.time ul li{font-size: 0.9rem;text-decoration: none;list-style: none;text-align: left;margin-right: -6px;}
.grd img{width: 62px;height: 62px;margin-left: -23px;padding-bottom: 10px;display: inline-block;}
.con h4{font-size: 0.9rem;text-align: left;margin-left: -13px;}
.box{border: 1px solid rgb(166, 175, 41);width: 208px;height: 36px;left: -16px;position: relative;}
.box ul{left: 47px;position: absolute;padding-top: 4px ;}
.box ul li {float: left;margin-right: 22px;}


/* ////////////////////////specialmenu/////////////// */
.special_menu{width: 100%;height: 105vh;margin: 10px 0;background-repeat: no-repeat;position: relative;}
.special_menu:after{content: url("gol.png");position: absolute;top: 73px;z-index: -1;opacity: 0.5;left: 30px;}
.special_menu:before{content: url("bhel.png");position: absolute;bottom: 8px;opacity: 0.5;right: 30px;}

.special_menu h1{font-family: 'Dancing Script', cursive;text-align: center;color: rgb(212, 185, 62);}
.special_menu p{font-family: 'Dancing Script', cursive;text-align: center;font-size: 1.9rem;}
.menuboard{width:433px;height:585px;background-color: rgb(75, 74, 74);margin: 18px auto;border-radius:66px 0 66px 0 ;text-align:center ;opacity: 0.8;}
.menuboard ul li{list-style: none;margin-bottom: 34px;color: white;}
.menuboard h2{color: rgb(204, 180, 44);}


/* \\\\\\\\\\\booking\\\\\\\\\\\\\\\\\\\\ */

.reser{margin: 25px 0;}
.reser h1{text-transform: capitalize;font-family: 'Dancing Script', cursive;text-align: center;}
.res{display: flex;align-items: center;justify-content: space-around;margin: 25px 0;flex-wrap: wrap;}
.pl1:hover{color: rgb(208, 211, 50);transform: translateY(-20px);}
.pl1:before{content:'';border-top:1px solid rgb(158, 146, 32) ;border-bottom: 1px solid rgb(158, 146, 32) ;position: absolute;bottom: 29px;top: 25px;width: 238px;z-index: -1;right: -18px;}
.pl1:after{content:'';border-right:1px solid rgb(158, 146, 32) ;border-left: 1px solid rgb(158, 146, 32);position: absolute;bottom: 10px;top: 9px;height: 134px;width: 214px; right: -6px;}
.pl1 img{height: 150px;}
.pl1 {position: relative;}
.pl1 p{position: absolute;top: 56px;left: 45px;font-family: 'Dancing Script', cursive}