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

body {
  font-family: "Merriweather", serif;
  background-color: white;
}

.navbar {
  display: flex;
  align-items: center;
  background-color: white;
  padding-right: 0;
  box-shadow: 1px 2px 10px 5px grey;
}

.navbar__brand__logo {
  width: 120px;
  height: 100px;
  padding-right: 10px;
}

.brand__logo {
  width: 100%;
  height: 100%;
}

.navbar__login__btn {
  padding-right: 10px;
}

.login__btn {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 20px;
  color: black;
  border: 5px solid black;
  font-weight: 800;
}
.login__btn:hover {
  background-color: black;
  color: white;
  border: solid white;
}

.navbar__dropdown {
  position: relative;
  display: inline-block;
  color: black;
  font-weight: 900;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}

.navbar__dropdown:hover .dropdown-content {
  display: block;
}

.image__slider {
  display: flex;
  justify-content: space-around;
  background-color: white;
  padding: 2rem;
  margin-top: 2rem;
  box-shadow: 1px 2px 10px 5px grey;
  /* animation: mymove 9s infinite linear; */
}

/* @keyframes mymove {
    0% {background-image: url(./assets/slider_img1.jpg); }
    25% { background-image: url(./assets/slider_img2.jpg); }
    50% { background-image: url(./assets/slider_img3.jpg); }
    100% { background-image: url(./assets/slider_img4.jpg); }
   
} */

.second__navbar {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  background-color: white;
  align-items: center;
  margin-top: 2rem;
  z-index: 1;
  box-shadow: 1px 2px 10px 5px grey;
}

.second__logo {
  width: 100px;
  height: 100px;
}

.logo {
  width: 100%;
  height: 100%;
}

.text {
  padding-right: 800px;
  padding-left: 10px;
  font-weight: 900;
  font-size: large;
  color: red;
}

.Veg__btn {
  padding: 15px 25px;
  /* margin-right: 300px; */
  margin-left: 500px;
  margin-right: 100px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #04aa6d;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}
.Veg__btn:hover {
  background-color: #3e8e41;
}
.Veg__btn:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.veg {
  font-size: large;
  background-color: white;
  color: green;
  padding: 5px;
}

.NonVeg__btn {
  margin-right: -100px;
  padding: 15px 25px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: rgb(233, 20, 20);
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.NonVeg__btn:hover {
  background-color: rgba(148, 11, 11, 0.794);
}
.NonVeg__btn:active {
  background-color: rgba(148, 11, 11, 0.794);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.nonveg {
  font-size: large;
  background-color: white;
  color: red;
  padding: 5px;
}

.Sort__btn {
  padding-right: 20px;
}

.sort {
  font-size: large;
  background-color: black;
  color: white;
  padding: 5px;
}

.collection_left_right {
  margin-top: 2rem;
  position: sticky;
  background-color: whitesmoke;
  display: flex;
  box-shadow: 1px 2px 10px 5px grey;
}
.collection_leftSideBar {
  width: 2000px;
  background-color: white;
  color: black;
  font-size: 14px;
  font-weight: 800;
  font-style: sans-serif;
  padding-right: 5px;
  border-right: 1px solid black;
}

.collection_1 {
  color: #666666;
  font-size: 14px;
  font-style: sans-serif;
  padding: 20px 2px 0px 75px;
}
.collection_2 {
  color: #666666;
  font-size: 14px;
  font-style: sans-serif;
  padding: 20px 2px 0px 75px;
}
.collection_3 {
  color: #666666;
  font-size: 14px;
  font-style: sans-serif;
  padding: 20px 2px 0px 75px;
}
.collection_4 {
  color: #666666;
  font-size: 14px;
  font-style: sans-serif;
  padding: 20px 2px 0px 75px;
}
.collection_5 {
  color: #666666;
  font-size: 14px;
  font-style: sans-serif;
  padding: 20px 2px 0px 75px;
}
.collection_6 {
  color: #666666;
  font-size: 14px;
  font-style: sans-serif;
  padding: 20px 2px 0px 75px;
}

.rightTitle {
  font-size: 25px;
  width: 100%;
  margin-bottom: auto;
  padding: 20px;
  color: black;
  font-weight: 700;
}

.collection_rightSideBar {
  padding-left: 5rem;
}

.collection1 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.img_bogo1 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.bogo1_card_detail {
  width: 100%;
}

.collection2 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.img_bogo2 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.bogo2_card_detail {
  width: 100%;
}

.collection3 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.img_bogo3 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.bogo3_card_detail {
  width: 100%;
}

.collection4 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.img_bogo4 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.bogo4_card_detail {
  width: 100%;
}

.collection5 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.img_bogo5 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.bogo5_card_detail {
  width: 100%;
}

.rightTitle2 {
  font-size: 25px;
  margin: 5rem -25rem;
  width: 20%;
  padding-left: 50px;
  color: black;
  font-weight: 700;
}

.sb1 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.side_beverages1 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.side_beverages_1_detail {
  width: 100%;
}

.sb2 {
  position: relative;
  margin: -555px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.side_beverages2 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.side_beverages_2_detail {
  width: 100%;
}

.sb3 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.side_beverages3 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.side_beverages_3_detail {
  width: 100%;
}

.sb4 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.side_beverages4 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.side_beverages_4_detail {
  width: 100%;
}

.rightTitle3 {
  font-size: 25px;
  margin: 5rem -25rem;
  width: 20%;
  color: black;
  font-weight: 700;
  padding-left: 50px;
}

.des1 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.dessert1 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.dessert_1_detail {
  width: 100%;
}

.des2 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.dessert2 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.dessert_2_detail {
  width: 100%;
}

.des3 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.dessert3 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.dessert_3_detail {
  width: 100%;
}

.des4 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  height: 550px;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.dessert4 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.dessert_4_detail {
  width: 100%;
}

.des5 {
  position: relative;
  margin: 8rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.dessert5 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.dessert_5_detail {
  width: 100%;
}

.des6 {
  position: relative;
  margin: -690px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.dessert6 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.dessert_6_detail {
  width: 100%;
}

.rightTitle4 {
  font-size: 25px;
  margin: 5rem -25rem;
  width: 20%;
  color: black;
  font-weight: 700;
  padding-left: 50px;
}

.HSC1 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.HSC_1 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.HSC_1_detail {
  width: 100%;
}

.HSC2 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.HSC_2 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.HSC_2_detail {
  width: 100%;
}

.HSC3 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.HSC_3 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.HSC_3_detail {
  width: 100%;
}

.HSC4 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.HSC_4 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.HSC_4_detail {
  width: 100%;
}

.HSC5 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.HSC_5 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.HSC_5_detail {
  width: 100%;
}

.rightTitle5 {
  font-size: 25px;
  margin: 5rem -25rem;
  width: 20%;
  color: black;
  font-weight: 700;
  padding-left: 50px;
}

.signature1 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.sign_1 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.sign_1_detail {
  width: 100%;
}

.signature2 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.sign_2 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.sign_2_detail {
  width: 100%;
}

.signature3 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.sign_3 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.sign_3_detail {
  width: 100%;
}

.signature4 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.sign_4 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.sign_4_detail {
  width: 100%;
}

.signature5 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.sign_5 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.sign_5_detail {
  width: 100%;
}

.signature6 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.sign_6 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.sign_6_detail {
  width: 100%;
}

.rightTitle6 {
  font-size: 25px;
  margin: 5rem -25rem;
  width: 20%;
  color: black;
  font-weight: 700;
  padding-left: 50px;
}

.combo1 {
  position: relative;
  margin: 5rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.combo_1 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.combo_1_detail {
  width: 100%;
}

.combo2 {
  position: relative;
  margin: -635px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.combo_2 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.combo_2_detail {
  width: 100%;
}

.combo3 {
  position: relative;
  margin: 8rem -20rem;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.combo_3 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.combo_3_detail {
  width: 100%;
}

.combo4 {
  position: relative;
  margin: -670px 0px 0px 400px;
  width: 45%;
  display: block;
  background-color: white;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 1px 2px 10px 5px grey;
}
.combo_4 {
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
.combo_4_detail {
  width: 100%;
}

.footer {
  padding-top: 100px;
  box-shadow: 1px 2px 10px 5px grey;
  z-index: 2;
}
.footer_content {
  padding: 50px;
}
.footer_img1 {
  width: 10%;
  margin-top: 0px;
  margin-left: 600px;
}
.img1_detail {
  margin: -100px 0px 0px 300px;
  font-weight: 700;
  font-size: 20px;
  margin-left: 800px;
}
.footer_img2 {
  width: 10%;
  margin-top: 80px;
  margin-left: 600px;
}
.img2_detail {
  margin: -100px 0px 0px 300px;
  font-weight: 700;
  font-size: 20px;
  margin-left: 800px;
}

.icons {
  margin-top: 130px;
  margin-left: 830px;
}
.icon_detail {
  padding-left: 20px;
  font-weight: 700;
}