body{
	overflow-x: hidden;
}
.navbar .nav-link{
  font-size:0.9375rem;
  font-weight: 600;
  text-transform: capitalize;
  color:var(--primary) !important;
  letter-spacing: 1px;
   transition:all 200ms linear;
}
/*Section 1 Banner*/
.banner-section{
  margin-top: 0;
  padding: 165px 0;
  background: url('../banner/Our Cuisine.png');
  background-position: bottom;
}
.banner-section h1{
  color: #FFF;
  font-weight: 700;
  text-align: center;
}

/*Section 1 Banner End*/

.staff-section h2 span{
	color: var(--primary);
}

.staff-section .box-container .box{
  /*border:1rem solid #fff;*/
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
  border-radius: .5rem;
  position: relative;
  overflow: hidden;
}

.staff-section .box-container .box img{
  height:100%;
  width:100%;
  object-fit: cover;
}

.staff-section .box-container .box .content{
  position: absolute;
  top:-100%; left:0;
  height: 100%;
  width:100%;
  background: rgba(0,0,0,.7);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition:all 200ms linear;
}

.staff-section .box-container .box .content h3{
  font-size: 1.8rem;
  color:var(--white);
}

.staff-section .box-container .box:hover .content{
  top:0;
}
/*==========Own Css Food==========*/
.bg-p{
	background-color: var(--primary);
}
.bg-d{
	background-color: var(--dark);
}
.bg-l{
	background-color: var(--light);
}

.fc-p{
	color: var(--primary);
}
.fc-w{
	color: var(--white);
}
.fc-l{
	color: var(--light);
}
.fc-d{
	color: var(--dark);
}
.sub-heading{
	font-size: 1.5rem;
	display: inline-block;
	font-weight: 600;
	margin-bottom: 2rem;
}
.sub-p{
  padding: 12px 16px;
}

/*==========Own Css Food==========*/

/*==========Menu-section==========*/
.menu-section{
}
.menu-section .card{
	/*border: none;*/
	/*border-radius: 0;*/
}
.menu-section .card .card-img{
}
.menu-section .card .card-img img{
	border-radius: 12px;
}
.menu-section .card .card-btn{
	padding-bottom: 2rem;
	text-align: center;
	margin-top: 2rem;
	box-shadow:  0 .5rem 1rem rgba(0,0,0,.1);
}
/*==========Menu-section End==========*/



/*Most Poap Food Section */

.popular{
    /*background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)), url(../images/popular-bg.jpg) no-repeat;*/
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /*padding: 90px 0;*/
    overflow-x: hidden;
}

.popular h1{
font-size: 3.2rem;
  font-weight: 600;
  text-align: center;
  color: var(--primary);
  margin-bottom: 2rem;
}
.popular h2{
	 font-weight: 600;
    letter-spacing: 1px;
}
.popular .box-container .box{
    background: #fff;
    padding: 1.5rem;
    padding-bottom: 1.2rem;
    transition: 0.4s ease;
    border-radius: 1rem;
    box-shadow: 0 0.3rem 0.9rem rgb(0 0 0 / 20%);
    text-align: center;
    height: 100%;
}

.popular .box-container .box img{
	height: auto;
    /*height:12rem;*/
    width:100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.popular .box-container .box h3{
    color:#333;
    font-size: 1.3rem;
    font-weight: normal;
    margin: 2rem 0 0;
}


.popular .box-container .box:hover{
    /*transform: scale(1.02);*/
    box-shadow: 0 1rem 0.5rem rgba(0,0,0,.2);
}
.popular .box-container .box:hover img{
	transform: scale(1.1);
}
.popular .box-container .btn{
	margin-top: 2rem;
}
.popular .col-12.text-center{
	margin-top: 4rem;
}
/*Most Poap Food Section */

/*-------------Fancy - Box ---------*/
.fancybox-button {
  background-color: var(--primary);
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
  background: var(--primary);
  display: inline-block;
  padding: 5px;
  font-size: 18px;
  font-weight: 600;
  /*margin-top: 5px;*/
}
/*-------------Fancy - Box ---------*/