body {
  margin: 0px;
  overflow-x: hidden;
  /* margin-top: 0px; */
  font-family: "Bree Serif", serif !important;
  
}
::selection {
  background-color: #000000;
  color: #ffffff;
}
* {
  margin: 0;
  padding: 0;
}
.navDiv {
  margin: auto;
  width: 100%;
  /* height: 500px; */
  /* border: 1px solid blue; */
  background-repeat: no-repeat;
  background-size: cover;
  color: rgb(45, 50, 58);
  background-image: url(https://thebowlcompany.in/wp-content/uploads/2021/09/banner-bg.jpg);
}
#nav {
  /* margin-top: 8px; */
  margin-left: auto;
  margin-right: auto;
  width: 99%;
  height: 100px;
  /* border: 1px solid red; */
  display: flex;
  justify-content: space-between;
  /* margin: 0px 30px;  */
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */
}
#nav > div {
  /* margin-left: 100px; */
  margin: auto;
  /* border:solid red; */
}
#nav > div:nth-child(1) {
  margin-top: 18px;
  margin-left: 105px;
}

#nav > div > ul > a > li {
  /* font-weight:lighter; */
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#nav > div > ul > a > li:hover {
  font-weight: bolder;
  /* font-family: 'Bree Serif', serif; */
  font-size: 60px;
}
button:hover{
  cursor: pointer;
}
a{
  color: black;
}

#nav > div:nth-child(2) > ul {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  margin-left: 20px;
}
#nav > div:nth-child(2) > ul > a {
  text-decoration: none;
}
#nav > div > ul > a > li {
  font-weight: lighter;
}
#nav > div > ul > a > li:hover {
  font-weight: bolder;
}

#nav > div:nth-child(2) > ul > a > li {
  padding-top: 10px;
  list-style: none;
  margin: 10px;
  /* font-family: Museo-Sans; */
  font-size: 16px;
  /* font-weight: 900; */
  line-height: 50px;
  color: rgb(0, 0, 0);
  position: relative;
}
#nav > div:nth-child(2) > ul > a > li::after {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 3px;
  width: 0;
  left: 0;
  bottom: 10px;
  transition: 0.3s;
}

#nav > div:nth-child(2) > ul > a > li:hover:after {
  width: 100%;
}
.Div_second {
  width: 99%;
  margin: auto;
  height: 500px;
  /* border: 1px solid green; */
  display: flex;
  /* overflow: hidden; */
}
.Div_second > .Text {
  /* border: 1px solid red; */
  width: 47%;
  height: 490px;
  margin-left: 5%;
}
.Div_second > .Text > p {
  /* font-family: Museo-Sans; */
  font-size: 35px;
  font-weight: 500;
  line-height: 56px;
  color: rgb(0, 0, 0);
  padding-top: 15%;
}
.Div_second > .Text > p > span {
  /* font-family: Museo-Sans; */
  font-size: 35px;
  /* font-weight: 900; */
  line-height: 56px;
  color: rgb(0, 0, 0);
}
.Div_second > .Text > button {
  letter-spacing: 2.8px;
  line-height: 1;
  color: #fff;
  fill: #fff;
  text-align: center;
  padding: 11px 24px;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 40px;
  background-color: #000;
  border: 0px;
}
.Text > button:hover {
  padding: 13px 27px;
  cursor: pointer;
  font-size: 22px;
}

.Div_second > .Text > button > a {
  text-decoration: none;
  color: white;
}

.Div_second > #imgtag_second {
  /* border: 1px solid black; */
  width: 45%;
  height: 590px;
  margin-top: 70px;
}
.Div_second > #imgtag_second > img {
  margin-top: 10%;
  width: 100%;
  height: 100vh;
}

#imgtag_second{
  background-image: url(https://www.thebowlcompany.in/wp-content/uploads/2021/10/Banner1-Butter-chicken-mac.png);
  animation: slide 20s infinite;
  background-position-y: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
@keyframes slide {
  25%{
    background-image: url(https://www.thebowlcompany.in/wp-content/uploads/2021/10/Banner2-Paneer-Makhani-Biriyani.png);
  }
  50%{
    background-image: url(https://www.thebowlcompany.in/wp-content/uploads/2021/10/Banner3-Paneer-Makhanwala-Parotta-Bowl.png);
  }
  75%{
    background-image: url(https://www.thebowlcompany.in/wp-content/uploads/2021/10/Banner1-Butter-chicken-mac.png);
  }
  100%{
    background-image: url(https://www.thebowlcompany.in/wp-content/uploads/2021/10/Banner2-Paneer-Makhani-Biriyani.png);
  } 
}
/* ------------------------------Third_Section Start--------------------------- */

.Third_Section {
  width: 99%;
  height: 300px;
  /* border: 1px solid red; */
  margin: auto;
  /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
}

.Third_Section > h3 {
  padding-top: 5%;
  text-align: center;
  /* font-family: Museo-Sans; */
  font-size: 40px;
  /* font-weight: 900; */
  line-height: 52px;
  color: rgb(0, 0, 0);
}
.Third_Section > div {
  display: flex;
  justify-content: space-around;
  /* margin-top: 15px; */
  /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
}
.Third_Section > div > div > h1 {
  /* font-family: Roboto, Museo-Sans; */
  font-size: 55px;
  /* font-weight: 900; */
  line-height: 56px;
  color: rgb(0, 0, 0);
}
.Third_Section > div > div > p {
  /* font-family: Museo-Sans; */
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: rgb(0, 0, 0);
}

/* ------------------------------fourth_section-------------------- */

/* .Fourth_Section{
    width: 99%;
    height: 20px;
    border: 1px solid red;
    margin: auto;
} */

/* --------------------Fifth_Section--------------------------------- */

.Fifth_Section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 600px;
  background-image: url(https://thebowlcompany.in/wp-content/uploads/2021/10/chef-image.png);
  background-size: cover;
}
.Fifth_SectionText {
  width: 45%;
  height: 570px;
  float: right;
  margin-right: 3%;
}
.Fifth_SectionText > h2 {
  padding-top: 15%;
  color: whitesmoke;
  /* font-family: "Roboto", Museo-Sans; */
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 48px;
}
.Fifth_SectionText > p {
  padding-top: 5%;
  /* font-family: Museo-Sans; */
  font-size: 22px;
  font-weight: 400;
  line-height: 33.4286px;
  color: rgb(255, 255, 255);
}
.Fifth_SectionText > h5 {
  padding-top: 8%;
  /* font-family: Museo-Sans; */
  font-size: 30px;
  font-weight: 1200;
  line-height: 34px;
  color: rgb(255, 255, 255);
}
.Fifth_SectionText > button {
  margin-top: 4%;
  width: 170px;
  height: 40px;
  border: none;
  border-radius: 20px;
  /* font-family: Museo-Sans; */
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 2px;


}
.Fifth_SectionText>button:hover{
  /* padding: 40px 87px; */
  width: 220px;
  height: 50px;
  cursor: pointer;
  /* font-size: 22px; */
  transition: 0.5s;
  border-radius: 25px;
}


/*------------------------Sixth_Section------------------------*/

 .Sixth_Section {
  width: 99%;
  height: 400px;
  /* border: 1px solid red; */
  margin: auto;
 
 
 
} 
.Sixth_Section > h2 {
  text-align: center;
  margin-top: 5%;
  color: var(--e-global-color-9fb0d43);
  /* font-family: "Roboto", Museo-Sans; */
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;

}
.Sixth_Section > div{
    margin-top: 3%;
    display: flex;
    justify-content: space-around;
}
.Sixth_Section>div>div{
  /* border: 1px solid black; */
  text-align: center;
}
/* svg{
  border:1px solid red
} */

/*--------------------------Seventh_Section-------------------------------*/

.Seventh_Section {
  width: 100%;
  height: 500px;
  margin: auto;
  background-image: url(https://thebowlcompany.in/wp-content/uploads/2021/09/bg_blog.jpg);
  background-size: cover;
}



/* =---------------slide part=---------------------- */


.slid_body{
        width: 100%;
        box-sizing: border-box;
        font-family: 'Bree Serif', serif;
        text-align: center;
        justify-content: center;
        align-items: center;
        background-image: url(https://thebowlcompany.in/wp-content/uploads/2021/09/bg_blog.jpg);
        background-size: 100%;
        margin: 0px;
        padding-bottom: 80px;
    }
    
    .nav_arr{
        text-align: center;
        margin: auto;
        margin-top:-80px;
        align-items: center;  
        display: flex;
        justify-content: center;

    }
    .nav_arr>div{
        width: 39px;
        height: 35px;
        
        border-radius: 50%;
        background-color: white;
        text-align: center;
        font-weight: bolder;
        align-items: center;
        padding-top: 7px;
        /* margin-top: -30px; */
    }
    .nav_arr>div:nth-child(1){
      margin-right: 10px;
    }
    .nav_arr>div:nth-child(2){
      margin-left: 10px;
    }
    
    .btn{
        height:50px;
        width:10px;
        justify-content: center;
    }
    .text{
        color: white;
        line-height: 40px;
        text-align: center;
    }
    .text>h2{
      font-weight: lighter;
    }
    
    #order{
        background-color: white;
            color:black;
            font-weight:bold;
            padding-left:50px;
            padding-right:50px;
            padding-top: 15px;
            padding-bottom: 15px;
            border: transparent;
            border-radius:25px;
    }
    #order:hover{
      cursor: pointer;
      padding: 15px 87px;
  /* font-size: 22px; */
  transition: 0.5s;
  border-radius: 25px;
    }
    a{
        text-decoration: none;
    }
    .all{
        display: flex;
        width: 100%;
        overflow: hidden;
        
    }
    .all>div{
        width: 100%;
        /* overflow: hidden; */
    }
    .all>div:nth-child(1)>img{
        padding-top: 400px;
        padding-right: 20px;
        margin-left: -100px;
        width: 210px;
    }
    .all>div:nth-child(7)>img{
        padding-top: 400px;
        padding-left: 20px;
        /* margin-right: -200px; */
        width: 210px;

    }
    .all>div:nth-child(2)>img{
        padding-top: 250px;
        width: 210px;
        padding-right: 20px;
    }
    .all>div:nth-child(6)>img{
        padding-top: 250px;
        padding-left: 20px;
        width: 210px;

    }
    .all>div:nth-child(3)>img{
        padding-top: 160px;
        padding-right: 20px;
        width: 210px;

    }
    .all>div:nth-child(5)>img{
        padding-top: 160px;
        padding-left: 20px;
        width: 210px;

    }
    .all>div:nth-child(4)>img{
        padding-top: 100px;
        width: 210px;

    }
    /* --------------------3list------------- */
    .first{
            width: 100%;
            /* height: 600px; */
            margin: auto;
            background-color: #f1f1f1;
            box-shadow: 0 0 1px 1px rgb(0 0 0 / 20%);
            color: black;
            display: block;
            /* font-family:"Roboto", Museo-Sans;; */
            font-size: 18px;
            font-weight: 900;
            border:1px solid transparent
            /* margin-top: 100px; */
      
           
    
        }
        .first > h2{
            /* color: var( --e-global-color-9fb0d43 ); */
            /* font-family: "Roboto", Museo-Sans; */
            font-size: 45px;
            font-weight: 900;
            text-transform: uppercase;
            text-align: center;
            margin-top: 80px;
            /* border:1px solid red */
        }
        .Div{
            width: fit-content;
            height: 60px;
            text-align: center;
            padding: 0px 10px;
            /* border:1px solid red; */
            margin-top: 30px;
            border-bottom: 2px solid black;

           }
           #dis{
             /* border: 1px solid red; */
             width: 70%;
             margin: auto;
             margin-top: 30px;
             font-family:sans-serif;
             font-weight: 200;
           }
          
        #dis{
            display: flex;
            justify-content: space-around;
        }
         #dis1{
             margin: auto;
             width: 40%;
             height: 250px;
             margin-top: 50px;
             margin-bottom: 30px;
             /* border: 1px solid red; */
            
         }
         .rimg {
  margin-left: 83.9%;
  margin-top: -200px;
  /* position; */
  

  /* po */
}


/* ==================cmnt section============== */

.cmnt{
  border: 1px solid transparent;
  height: 800px;
  display: flex;
  margin-top: -63px;
  background-image: url(https://thebowlcompany.in/wp-content/uploads/2021/10/About-us-bg.png);
  background-position: right;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
.cmnt>div{
  border: 1px solid transparent;
  width: 45%;
  height: 80%;
  margin: auto;

}
.cmntdiv{
  /* margin-left: 100px; */
  padding-left: 100px;
}
.cmntdiv>h1{
  font-size: 40px;

}
.cmnt>.cmntdiv>p::after{
  content: url(https://thebowlcompany.in/wp-content/uploads/2021/10/quote-2.png);
    right:47%;
    /* bottom: 1px; */
    /* margin-bottom: -10px; */
    padding-top: 40px;
    /* z-index: -1; */
    /* border: 1px solid transparent; */

    position: absolute;
}
.cmnt>div>.cmnttxt::before{
  content: url(https://thebowlcompany.in/wp-content/uploads/2021/10/quote-1.png);
    z-index: 100000;
    left: 0px;
    z-index: -1;
}
.star-rating{
  display: flex;
  /* border: 1px solid transparent; */
  width: 20%;
  color:  #eab404;;
}
.cmnttxt{
  margin-top: 100px;
}
.cmnttxt>h3{
  margin-top: 10px;
  font-size: 30px;
}
.cmntdiv>p{
  line-height: 40px;
  margin-top: 20px;
  flex-wrap: wrap;
  /* border: 1px solid transparent; */
  width: 100%;
  font-size: 20px;
}

.imgdiv{
  margin-top: 70px;
  border: 1px solid transparent;
  width: fit-content;
}
.oneimage{
  transform: rotate(25deg);
}
.twoimage{
  transform: rotate(-25deg);
}
.imgdiv>img{
  margin-top: 50px;
}

.onimg{
  padding-left: 60px;
}
.div>img{
  border: 1px solid transparent;
  margin-left: -200px;
  /* width: 300px; */
  /* height: auto; */
}
.div{
  display: flex;
}
.bigimgdiv{
  margin-top: -420px;
  margin-left: 130px;
}

.social_body{
  background-image: url(https://thebowlcompany.in/wp-content/uploads/2021/09/bg_blog.jpg);
  text-align: center;
  background-size: 100%;
  width: 100%;
  height: 400px;
  margin-top: 1px;
  
}
.chilli{
  margin-right: 83.9%;
  margin-top: -90px;
}
.s_text{
  padding-top: 40px;
  line-height: 100px;
}
.s_text>h1{
  font-size: 40px;
  color: white;

}
.s_text>p{
  
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
}
.view_button{
  padding-top: 150px;
}
.view_button>button{
  border-radius: 20px;
  border: 0px;
  /* width: 150px; */
  /* height: 35px; */
  padding: 10px 50px;
  margin-top: 30px;
  font-size: 20px;
}
.view_button>button:hover{
  cursor: pointer;
      padding: 10px 70px;
  /* font-size: 22px; */
  transition: 0.5s;
  border-radius: 25px;
}