body{ padding: 0px; margin: 0px; list-style: none; font: 400 15px/23px ''; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none !important;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a, button, input[type="submit"]{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter-v12-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/inter-v12-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v12-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: "FoundersGroteskSemibold";
  src: url("https://db.onlinewebfonts.com/t/272d72bc52b75baf5eef94c176677659.eot");
  src: url("https://db.onlinewebfonts.com/t/272d72bc52b75baf5eef94c176677659.eot?#iefix")format("embedded-opentype"),
  url("https://db.onlinewebfonts.com/t/272d72bc52b75baf5eef94c176677659.woff2")format("woff2"),
  url("https://db.onlinewebfonts.com/t/272d72bc52b75baf5eef94c176677659.woff")format("woff"),
  url("https://db.onlinewebfonts.com/t/272d72bc52b75baf5eef94c176677659.ttf")format("truetype"),
  url("https://db.onlinewebfonts.com/t/272d72bc52b75baf5eef94c176677659.svg#FoundersGroteskSemibold")format("svg");
}




  @font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?8rgkzo');
    src:  url('../fonts/icomoon.eot?8rgkzo#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?8rgkzo') format('truetype'),
      url('../fonts/icomoon.woff?8rgkzo') format('woff'),
      url('../fonts/icomoon.svg?8rgkzo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  

  .icon-Vector-5:before {
    content: "\e902";
  }
  .icon-Profile:before {
    content: "\e903";
  }
  .icon-Vector-6:before {
    content: "\e904";
  }
  .icon-Group-3590:before {
    content: "\e900";
  }
  .icon-Group-3590-1:before {
    content: "\e901";
  }

.banner-logo{
  position: relative;
}

.banner-logo img{
  max-width: 133px;
}

.banner-logo .carousel-caption{
  left: 0;
    right: 0;
    text-align: left;
    /* top: 0; */
    bottom: 180px;
}

.bannerSec, .all-login{
  background-color: #F6F5F0;
}

.all-login{
  position: relative;
}

.addra{
  width: 180px;
  height: 99px;
  position: absolute;
}

.leftimg{
  width: 200px;
  height: 400px;
  left: 0;
  top: 0;
  position: absolute;
}

.all-login{
  padding: 50px 0px;
}

.all-login h2{
  color: #2E2E2E;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
  font-family: "FoundersGroteskSemibold";
}

.staff-login{
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 10px;
}

.staffFrom input{
  width: 100%;
    border-radius: 100px;
    border: 1px solid #B7B7B7;
    box-shadow: none;
    padding: 10px 20px;
}

.staffFrom{
  margin-bottom: 20px;
}

.staffFrom input:focus-visible{
  outline: none;
}

.Btnall{
  border-radius: 100px;
    background-color: #F2DB7D;
    color: #2E2E2E;
    line-height: 50px;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 50px;
    border: 2px solid #F2DB7D; 
}

.Btnall:hover{
  border: 2px solid #F2DB7D;
  color: #2E2E2E;
  background-color: transparent;
  transition: all 0.5s;
}

.Btnall2{
  border-radius: 100px;
    background-color: #F3775A;
    color: #2E2E2E;
    line-height: 50px;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 50px;
    border: 2px solid #F3775A; 
}

.Btnall2:hover{
  border: 2px solid #F3775A;
  color: #2E2E2E;
  background-color: transparent;
  transition: all 0.5s;
}

.all-login h4{
  font-size: 20px;
  font-weight: 600;
  padding: 40px 0px 0px 0px;
  font-family: "FoundersGroteskSemibold";
}

.all-login h4 a{
  color: #E36447;
}

.today-menu{
    background-image: url("../images/backmenu.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    position: relative;
}

.slide-menu{
  padding: 50px 0px;
}

.slide-menu h4{
  font-size: 80px;
  color: #fff;
  font-weight: 600;
  position: relative;
  z-index: 1;
  font-family: "FoundersGroteskSemibold";
}

  .slide-menu h4::before {
    position: absolute;
    content: '';
    width: 300px;
    height: 80px;
    background-color: #E36447;
    border-radius: 5px;
    z-index: -1;
    transform: rotate(355deg);
    left: 355px;
}

.slide-menu .owl-nav{
  padding: 40px 0px 0px 0px;
  text-align: center;
}

.slide-menu .owl-nav .owl-prev{
  background-color: #E36447!important;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
}

.slide-menu .owl-nav .owl-prev:hover{
  box-shadow: 0px 0px 10px #fff;
  transition: all 0.5s ease-in-out;
}

.slide-menu .owl-nav .owl-next:hover{
  box-shadow: 0px 0px 10px #fff;
  transition: all 0.5s ease-in-out;
}


.slide-menu .owl-nav .owl-next{
  background-color: #E36447!important;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  text-align: center;
}

.today-menu .lefttoma{
  position: absolute;
  left: 0;
}

.today-menu .downtoma{
  position: absolute;
  bottom: -40px;
  right: 100px;
}

.menu-slide .item img{
  width: 258px;
  height: 258px;
  border-radius: 100px;
  padding: 40px;
}

.menu-slide .item h6{
  color: #E36447;
  font-size: 26px;
  font-family: "FoundersGroteskSemibold";
}

.menu-slide .item p{
  color: #fff;
  font-size: 14px;
  font-family: 'Inter';
}

.order-detail{
  background-color: #F6F5F0;
  padding: 50px 0px;
}

.online-order span{
  width: 70px;
  height: 70px;
  display: block;
  line-height: 39px;
  text-align: center;
  background-color: #E7C84A;
  border-radius: 50%;
  padding: -5px 20px;
  padding: 15px 17px;
}

.online-order span:hover{
  box-shadow: 0px 0px 20px #8b8989;
  transition: all 0.5s;
}

.online-order{
  justify-content: space-evenly;
  padding: 15px 0px;
}

.online-order em{
  width: 400px;
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal;
}

.footer{
  background-image: url("../images/footerback.png");
    background-attachment: scroll;
    background-position: center;
    position: relative;
    padding: 70px 0px;
    background-color: #f6f5f0;
}

.address{
  padding: 0px 80px;
}

.address h6{
  color: #E7C84A;
  letter-spacing: 10px;
  font-weight: 600;
  font-family: 'Inter';
}

.address p{
  color: #fff;
  font-family: 'Inter';
}

.call{
  padding: 0px 60px;
}

.call  h6{
  color: #E7C84A;
  letter-spacing: 10px;
  font-weight: 600;
  font-family: 'Inter';
}

.call p{
  color: #fff;
  font-family: 'Inter';
}

.copyright{
  padding: 10px 30px;
}

.copyright p{
  color: #fff;
  font-family: 'Inter';
}

.copyright p a{
  color: #E7C84A !important;
  font-family: 'Inter';
}

.lemon{
    position: absolute;
    width: 116px;
    height: 79px;
    top: -43px;
    left: 330px;
}

.owl-nav.disabled{
  text-align: center;
}


@media screen and (min-width: 1399px) {
  .banner-logo .carousel-caption{
    bottom: 230px;
  }
  
  .all-login h2{
    font-size: 50px;
  }
  .staff-login{
    padding: 30px;
  }
  .all-login h4{
    font-size: 26px;
  }
  .slide-menu h4{
    font-size: 100px;
  }
  .slide-menu h4::before {
    left: 390px;
    width: 355px;
    height: 100px;
  }
  .menu-slide .item img {
    width: 100%; 
     height: auto;
    border-radius: 100px;
    padding: 50px;
  }
  .menu-slide .item p{
    font-size: 18px;
  }
  .online-order em{
    font-size: 18px;
  }

}

@media screen and (max-width: 821px) {
  .banner-logo .carousel-caption{
    width: 130px;
    bottom: 65px;
  }
  .all-login h2{
    font-size: 28px;
  }
  .Btnall, .Btnall2{
    padding: 10px 30px;
  }
  .slide-menu h4{
    font-size: 60px;
  }
  .slide-menu h4::before{
    width: 200px;
    height: 75px;
    left: 210px;
  }

  .address{
    padding: 0px;
  }
  .call{
    padding: 0px;
  }
  .copyright{
    padding: 0px;
  }

  .lemon {
    left: 200px;
  }
  .menu-slide .item img{
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 769px) {
  .banner-logo .carousel-caption{
    width: 130px;
    bottom: 50px;
  }
  .slide-menu h4{
    font-size: 60px;
  }
  .slide-menu h4::before{
    left: 210px;
    height: 80px;
    width: 220px;
  }
  .menu-slide .item img{
    width: 100%;
    height: auto;
  }

  .footer{
    padding: 70px 0px;
  }
  .address{
    padding: 0px;
  }
  .call{
    padding: 0px;
  }
  .copyright{
    padding: 0px;
  }

  .lemon {
    left: 200px;
  }
}

@media screen and (max-width: 576px) {
  .menu-slide .item img{
    width: 100%;
    height: auto;
    padding: 20px 80px;
  }

  .online-order em {
    width: 251px;
  }

  .footer{
    padding:0px 0px 10px;
  }

  .address{
    padding: 36px 0px 30px 0px;
  }

  .lemon {
    left: 250px;
  }
  .slide-menu h4 {
    font-size: 40px;
  }

  .slide-menu h4::before {
    width: 120px;
    height: 40px;
    transform: rotate(355deg);
  } 
  .addra {
    left: -31px;
    top: 18px;
  }
  .banner-logo .carousel-caption{
    position: absolute;
    top: -115px;
    left: 30px;
    width: 50px;
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  .slide-menu h4::before {
    width: 144px;
    left: 80px;
  }
  .slide-menu .owl-nav{
    text-align: center;
  }
}


/* _____05_09_2023____ */

@font-face {
  font-family: 'FoundersGroteskMedium';
  src: url('../fonts/FoundersGroteskMedium.eot');
  src: url('../fonts/FoundersGroteskMedium.eot') format('embedded-opentype'),
       url('../fonts/FoundersGroteskMedium.woff2') format('woff2'),
       url('../fonts/FoundersGroteskMedium.woff') format('woff'),
       url('../fonts/FoundersGroteskMedium.ttf') format('truetype'),
       url('../fonts/FoundersGroteskMedium.svg#FoundersGroteskMedium') format('svg');
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



.banerSec{width: 100%; position: relative;}
.bnerimg{width: 100%; position: relative;}
.bnerimg img{width: 100%; object-fit: cover;}
.banerSec::before{position: absolute; z-index: 9; bottom: 0; left: 0; width: 100%; height: 16px; content: "";
background: url(../images/bnerShape.png) no-repeat 0 0; background-size: 100% 100%;}
.bnerimg::before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.82) 100%);  }
.hederSec{position: absolute; top: 0; left: 0; width: 100%; z-index: 9; padding: 23px 0; }
.hderinr{display: flex; align-items: flex-start; justify-content: space-between;}
.hderLogo{width: 220px;}
.hderLogo a{display: inline-block;}
.hderRgt{width: auto;}
.hderRgt ul{display: inline-flex; align-items: center;}
.hderRgt li{margin: 0 32px 0 0;}
.hdrProfi a{display: inline-flex; align-items: center; color: #FFF; font-family: 'Inter'; font-size: 15px; font-weight: 600;
line-height: normal; letter-spacing: -0.6px; }
.hdrCart a{width: 45px; height: 45px; border-radius: 100%; display: flex; align-items: center; border: 2px solid #F2DB7D;
position: relative; color: #F2DB7D; font-size: 16px; justify-content: center;}
.hdrCart em{position: absolute; top: -5px; right: 0; background: #E36447; width: 16px; height: 16px; border-radius: 100%;
display: flex; align-items: center; justify-content: center; color: #FFF; font-family: 'Inter';
font-size: 11px;font-weight: 600;line-height: 11px; font-style: normal;}
.hdrProfi a i{margin-left: 9px;}
.hdrProfi span{display: flex; width: 45px; height: 45px; align-items: center; justify-content: center; 
margin: 0 10px 0 0; border: 2px solid #E36447; border-radius: 100%; color: #E36447;
font-size: 17px;}
.hderRgt li:last-child{margin: 0;}
.hderRgt li a:hover{opacity: 0.75;}

.bnerbtmConSec{width: 100%; padding: 35px 0 80px; background: #F6F5F0; }
.bnerbtmConInr{max-width: 1110px; margin: 0 auto; text-align: center;}
.bnerbtmConInr p{color: #2E2E2E; font-family: 'Inter';font-size: 20px;font-weight: 500;line-height: 30px;}
.bnerbtmConInr h4{color: #2E2E2E; font-family: 'FoundersGroteskMedium'; margin: 0 auto 40px; max-width: 654px;
font-size: 26px;line-height: 30px;}
.bnerbtmConInr ul{margin: 0 0 60px;}
.bredLink{display: flex; align-items: center; justify-content: center;}
.bredLink li{position: relative; color: #2E2E2E; font-family: 'Roboto';font-size: 18px;font-weight: 500;
line-height: 23px; position: relative; margin-right: 9px; padding-right: 9px;}
.bredLink li a{color: #2E2E2E;}
.bredLink li::before{position: absolute; content: "/"; right: -2px; color: #2E2E2E; }
.bredLink li:last-child{color: #E36447; padding: 0; margin: 0;}
.bredLink li a:hover{color: #E36447;}
.bredLink li:last-child::before{content: none;}

.footer {background-size: 100% 100%;}

.mealSec{width: 100%; background-size: cover !important; background-repeat: no-repeat !important; overflow: hidden;}
.mealMain{width: 100%; padding: 100px 0 83px;
background: url(../images/mealsElmnt1.png) no-repeat top 15% right 20%, url(../images/mealsElmnt2.png) no-repeat bottom 25% left, url(../images/mealsElmnt3.png) no-repeat bottom 5% right; }

.pagehding{display: flex; justify-content: center; }
.pagehding h2{position: relative; color: #FFF; font-family: "FoundersGroteskSemibold"; z-index: 9;
font-size: 100px;line-height: 100px;letter-spacing: -4px;}
.pagehding h2::before{width: 308px;
height: 100.906px;
transform: rotate(-4.042deg);
border-radius: 5px; z-index: -1;
background: #E36447; position: absolute; content: ""; left: 32px; top: -3px;}

.mealLink{margin: 100px 0 0;}
.mealLink ul{border: 0px; justify-content: center; padding: 0px;}
.mealLink li button{display: flex; align-items: center; justify-content: center; width: 398px; height: 86px; background: #F3775A; 
border-radius: 60px; outline: none; border: 0px; text-align: left; padding: 0 35px; position: relative;}
.mealLink li h4{color: #2E2E2E; font-family: "FoundersGroteskSemibold"; padding-right: 10px; margin: 0 10px 0 0;
font-size: 60px;font-weight: 600;line-height: 60px;letter-spacing: -2.4px; position: relative;}
.mealLink li p{color: #2E2E2E; font-family: 'Inter';font-size: 13px;font-weight: 600;line-height: 15.5px;}
.mealLink li h4::before{position: absolute; content: ""; width: 1px; height: 65px; border-left: 1px solid #2E2E2E;
top: 50%; transform: translateY(-50%); right: 0;}
.mealLink li button.active{background: #F2DB7D; box-shadow: 33px 37px 40px 0px rgba(0, 0, 0, 0.25);}
.mealLink li button.active::before{position: absolute; content: ""; bottom: -16px; left: 50%; background: #F2DB7D;
width: 23px; height: 23px; clip-path: polygon(50% 100%, 0 0, 100% 0);}

.itemList{width: 100%;}
.itemListinr{width: 100%; margin: 65px 0 0;}
.itemListinr:first-child{margin: 0;}
.itemListinr > h3{color: #FFF;font-family: "FoundersGroteskSemibold";font-size: 46px;font-weight: 600;
line-height: 62px;letter-spacing: -1.84px;}
.itemListpnl{width: 100%;}
.itemListpnlinr{position: relative; border-radius: 15px; border: 1px solid rgba(255,255,255,0.2); margin: 0 0 20px;
padding: 20px 85px 20px 24px; display: flex; align-items: center; justify-content: space-between;}
.itemListpnlinr:last-child{margin: 0;}
.itemListpnlinr p{color: #FFF; font-family: 'Inter';font-size: 18px;font-weight: 500;line-height: 23px;}
.itemListpnlinr h3{color: #F2DB7D; font-family: "FoundersGroteskSemibold";font-size: 26px;font-weight: 600;
line-height: 30px; letter-spacing: -1.04px; margin: 0 0 10px;}
.itemListpnlinr strong{color: #E36447; font-family: 'Inter';font-size: 26px;font-weight: 700;line-height: 23px;}
.plusIcn{display: flex; background: #F2DB7D; align-items: center; justify-content: center; width: 58px; height: 58px;
border-radius: 100%; color: #232323; font-size: 40px; font-weight: 500; font-family: 'Inter';
position: absolute; right: -28px; top: 50%; transform: translateY(-50%); }


.quantity {display: flex;align-items: center;justify-content: center;padding: 0;}
.quantity__minus,.quantity__plus {display: flex; align-items: center; justify-content: center; border: 1.5px solid #2E2E2E;
border-radius: 100%; width: 37px; height: 37px; color: #2E2E2E; font-size: 18px; font-weight: 500; }
.quantity__minus:hover,.quantity__plus:hover {background: #2E2E2E;color: #fff;}
.quantity__input {width: 32px;height: 19px;margin: 0;padding: 0;text-align: center; color: #2E2E2E; font-weight: 700; font-size: 16px; 
border: 0px; pointer-events: none;}
.quantity__minus:visited,
.quantity__plus:visited {color: #fff;}

/* ===17102023=== */
.quantity__minus_list,.quantity__plus_list {display: flex; align-items: center; justify-content: center; border: 1.5px solid #2E2E2E;
  border-radius: 100%; width: 37px; height: 37px; color: #232323; background: #F2DB7D; font-size: 25px; font-weight: 500; line-height: 25px;}
  .quantity__minus_list:hover,.quantity__plus_list:hover {background: #FFF;color: #232323;}
  .quantity__input_list {width: 32px;height: 19px;margin: 0;padding: 0;text-align: center; color: #2E2E2E; font-weight: 700; font-size: 16px; 
  border: 0px; pointer-events: none; background: #F2DB7D;}
  .quantity__minus_list:visited,
  .quantity__plus_list:visited {color: #fff;}
/* ===17102023=== */

.mealPnel{display: flex; align-items: flex-start; justify-content: space-between; margin: 85px 0 0; position: relative;}
.mealLft{max-width: 912px; width: 100%;}

.mealRght{width: 424px !important; border-radius: 15px;background: #FFF; box-shadow: 14px 49px 60px 0px rgba(0, 0, 0, 0.25); max-width: 100%;
position: relative; padding: 60px 35px 24px; margin: 35px 0 0 !important;}
.mealRght > strong{position: absolute; left: 50%; top: -25px; transform: translateX(-50%); background: #F2DB7D; 
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); border-radius: 30px; height: 51px; color: #2E2E2E; font-family: "FoundersGroteskSemibold";
font-size: 26px;font-weight: normal;line-height: 25px;letter-spacing: -1.04px; width: 212px;
height: 50px; display: flex; align-items: center; justify-content: center; }
.cartBtm{padding: 25px 0 0; margin: 18px 0 0; border-top: 1px solid rgba(46, 46, 46, 0.2);}
.chekBtn{display: inline-flex; height: 51px; align-items: center; padding: 0 50px; background: #F3775A; border-radius: 40px;
color: #2E2E2E; font-family: 'Roboto';font-size: 13px;font-weight: 600;line-height: 20px; margin: 30px 0 0;}
.chekBtn:hover{background: #2E2E2E; color: #FFF;}
.cartBtm li{display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px;}
.cartBtm b{color: #2E2E2E; font-family: 'Inter';font-size: 18px;font-weight: 500;line-height: 23px;}
.cartBtm em{font-style: normal; color: #2E2E2E; font-family: 'Inter';font-size: 18px;font-weight: 500;line-height: 23px;}
.cartBtm li:last-child{margin: 0;}
.cartBtm li:last-child b, .cartBtm li:last-child em{font-weight: 700; color: #F3775A; }

.cartTop{display: flex; align-items: center; justify-content: space-between;}
.cartTop h4{color: #2E2E2E; font-family: 'Inter';font-size: 18px;font-weight: 500;line-height: 23px; margin: 0 0 5px;}
.cartTop p{color: #F3775A; font-family: 'Inter';font-size: 18px;font-weight: 700;line-height: 23px; display: inline-flex; align-items: center;}
.cartTop p a{color: #878787; margin-left: 10px;}

.cartRght{display: flex; justify-content: flex-end;}
.order-detail{position: relative;}

.plusIcn:hover{background: #FFF; color: #232323;}


.addMoreQuantity{position: relative; right: -50px;}
.itemListpnlinr > div:first-child{margin: 0 20px 0 0;}
.itemListpnlinr .quantity__minus_list, .itemListpnlinr .quantity__plus_list{border-color: transparent;}

.notificationbox .item{padding: 0px !important;display: flex;width: 45px;height: 45px;align-items: center;justify-content: center;
margin: 0;border: 2px solid #E36447 !important;border-radius: 100%;color: #E36447;font-size: 17px !important;}
.notificationbox .btn__badge{position: absolute;top: -5px;right: 0;background: #E36447;width: 16px;height: 16px;
border-radius: 100%;display: flex;align-items: center;justify-content: center;color: #FFF;font-family: 'Inter';font-size: 11px;
font-weight: 600;line-height: 11px;font-style: normal; padding: 0px;}
.notificationbox .item > i{margin: 0px !important;}
.notificationbox ul > li{margin: 0 0 5px;padding: 10px !important;font-size: 13px !important;line-height: 20px;font-family: 'Inter';
font-weight: 500;color: #2E2E2E; transition: all 0.3s ease-in-out;}
.notificationbox ul {padding: 5px !important;left: auto !important;width: 270px;margin: 3px 0 0 !important; }
.notificationbox ul > li:hover{background: #E36447 !important; color: #FFF !important;}
.notificationbox ul > li:last-child{text-align: center; background: #E36447; color: #FFF; margin: 0; font-weight: 700;}
.notificationbox ul > li:last-child a{color: #FFF;}

.hederSec {z-index: 99;}
.hderRgt{display: inline-flex; align-items: center;}
.hderleft{margin: 0 15px 0 0;}
.changeOrderMode a{color: #2E2E2E;}
.changeOrderMode:hover a{color: #FFF;}


/******************************08-09-2023************************/
.coupon-heading{
  color: #2E2E2E;
  font-family: 'Inter';
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  margin: 0 0 5px;
}  

.coupon-input {
  display: flex;
  justify-content: space-between;
}

.coupon-input .round-black-btn{
  background: #F2DB7D;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05) !important;
  border: none;
  border-radius: 30px;
  color: #2E2E2E;
  font-family: "FoundersGroteskSemibold";
  font-size: 20px;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: -1.04px;
  width: 112px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coupon-input input{
  border-radius: 30px;
  box-shadow: none;
  outline: none;
  border: 1px solid #e36447;
  padding: 5px 5px 5px 20px;
  max-width: 195px;
}

.remove_coupon{
  color: #878787;
}

.call a{
  color: #fff;
}

.registration-modal .modal-title{
  font-family: 'FoundersGroteskMedium';
  color: #2E2E2E;
  font-size: 20px;
    line-height: 26px;
}

.modal-header{
  padding: 10px 0px 10px 10px !important;
  position: relative;
}

.end{
  background: #F2DB7D;
  border: 1px solid #F2DB7D;
  position: absolute;
    top: -10px;
    right: -10px;
    font-size: 30px;
    padding: 3px 8px 7px 12px;
  opacity: 1;
  border-radius: 0 2px 0 29px;
  transition: all .5s ease 0s;
}

.end span{
  color: #000;
}

.end:hover{
  background-color: #FF5722;
}

.registration-modal label{
  font-family: 'FoundersGroteskMedium';
  color: #2E2E2E;
  font-size: 14px;
  padding: 0px;
  margin-bottom: 5px;
}

.registration-modal .error{
  font-family: 'FoundersGroteskMedium';
  color: red;
  font-size: 14px;
}

.registration-modal .modal-content{
  padding: 10px;
    border: 5px solid #FF5722;
}

.registration-modal .form-group{
  position: relative;
}

.registration-modal .form-group em{
  color: #FF5722;
}

.registration-modal .form-control{
  border-radius: 30px;
}

.registration-modal .form-control:focus{
  box-shadow: none;
  border: 1px solid #E36447;
}

.registration-modal .form-control::placeholder{
  color: #3333339c;
  font-family: 'FoundersGroteskMedium';
  font-size: 13px;
}

.modal-footer{
  padding: 0px;
}

.modal-footer .Btnals{
  border-radius: 100px;
    background-color: #F2DB7D;
    color: #2E2E2E;
    line-height: 10px;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 30px;
    border: 2px solid #F2DB7D;
    font-family: "FoundersGroteskSemibold";
}

.modal-footer .Btnals:hover {
  border: 2px solid #F2DB7D;
  color: #2E2E2E;
  background-color: transparent;
  transition: all 0.5s;
}

.form-group select{
  font-family: 'FoundersGroteskMedium';
  color: #2E2E2E;
  font-size: 14px;
}

.form-group input{
  font-family: 'FoundersGroteskMedium';
  color: #2E2E2E;
  font-size: 14px;
}

.orderfor_cls{
  background: #F2DB7D;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  color: #2E2E2E;
  font-family: "FoundersGroteskSemibold";
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0px;
  width: 212px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:2px solid #F2DB7D;
}
.orderfor_cls:hover{
  border: 2px solid #F2DB7D;
  color: #2E2E2E;
  background-color: transparent;
  transition: all 0.5s;
}

.orderfor_cls.active{
  background: #E36447;
  border:2px solid #E36447;
  color: #fff;
}

.orderfor_cls.active:hover{
  border: 2px solid #E36447;
  color: #2E2E2E;
  background-color: transparent;
  transition: all 0.5s;
}

.ordersummary .cartTop{
  display: block;
  border-bottom: 1px solid #dddddd36;
  padding: 8px 0px;
}

.perItem{
  justify-content: space-between;
}

.perItem h6{
  margin-bottom: 5px;
  font-family: 'Inter';
  font-size: 12px;
}

.ordersummary .cartBtm li{
  justify-content: space-between;
  font-family: 'Inter';
  font-size: 12px;
}

.cartBtm b{
  font-family: 'Inter';
  font-size: 12px;
}

.perItem em{
  color: #00000080 !important;
  font-size: 10px;
  font-style: normal;
  margin-top: 5px;
}

.ordersummary .col-form-label{
    font-size: 16px;
    color: #f3775a;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.cartBtm ul li:last-child{
  color: #f3775a;
  font-weight: 600;
  }

.perItem > div:last-child h6{
  color: #f3775a;
  font-weight: 600;
}

.perItem:nth-child(even) {background-color: #f2f2f2;}

.ordersummary{
  background: #fafafa;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #e36447;
}

.cartempty img{
  width: 20%;
  margin-bottom: 20px;
}

.ord{
  border: 5px solid #dc3545;
    padding: 50px;
    max-width: 700px;
    box-shadow: 0px 0px 20px #ddd;
    border-radius: 10px;
}

.perItem:first-child{
  line-height: 8px;
}

.changeOrderMode{
  background: #F2DB7D;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    color: #2E2E2E;
    font-family: "FoundersGroteskSemibold";
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
    width: 212px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #F2DB7D;
    padding: 10px;
    cursor: pointer;
}
.oneline{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.paginationright{
  float: right;
}

.paginationright ul{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.paginationright ul li a, .paginationright .active{
    padding: 0.375rem 0.75rem;
    color: #878a99;
    background-color: #fff;
    border-color: #e9ebec;
    border: 1px solid #e9ebec;

}


.paginationright ul li.active {
  padding: 3px 10px!important;
  margin-top: -4px;
}

.balance{
  font-size: 18px;
    font-weight: 800;
    border: 1px solid #ef7f1a;
    padding-bottom: 0;
    padding: 5px 15px;
    border-radius: 20px;
    box-shadow: 0px 0px 2px #ef7f1a;
}

.otherbtn{
  background: #ef7f1a;
    padding: 5px 20px;
    margin-bottom: 30px;
    color: #fff;
    border-radius: 15px;
    border: 2px solid #ef7f1a;
    box-shadow: 0px 0px 5px #979797;
}

.otherbtn:hover{
  background: transparent;
  border: 2px solid #ef7f1a;
  color: #000;
  transition: all 0.3s all;
}
.notificationbox ul{
  border: 1px solid #E36447;
}
.unittxt{
  padding: 0px 60px;
  margin-top: -10px;
}
.unittxt p {
  color: #fff;
  font-family: 'Inter';
}
section.contentSec {
    padding: 40px;
    font-size: 16px;
    font-family: 'Inter';
    font-style: normal;
}
section.contentSec ul {    
    padding: 10px 20px;
    line-height: 30px;
}

section.contentSec ul.number {
    list-style: auto;
}
section.contentSec ul.disc {
    list-style: disc;
}
.foot_links ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.foot_links ul li {    
    padding: 0 0 0 10px;
    font-size: 13px;
    font-family: 'Inter';
    display: inline-block;
    position: relative;
}
.foot_links ul li a {
    color: #fff;
    transition: all .3s ease 0s;
    letter-spacing: 1px;
}


@media screen and (min-width:1600px) {

.twoContain .container{max-width: 1560px;}


}


@media (min-width: 1700px) and (max-width: 1799px) {

.hderLogo {width: 200px;}


}

@media (min-width: 1600px) and (max-width: 1699px) {

.hderLogo {width: 170px;}

}


@media only screen and (max-width: 1599px) {

.hderLogo {width: 150px;}
.hederSec {padding: 15px 0;}
.bnerbtmConInr p {font-size: 18px; line-height: 30px;}
.bnerbtmConInr h4 {margin: 0 auto 30px;font-size: 23px;line-height: 30px;}
.bnerbtmConInr ul {margin: 0 0 45px;}
.bnerbtmConSec {padding: 30px 0 60px;}
.mealRght {width: 395px !important;}
.mealLft {max-width: 825px;}
.pagehding h2{font-size: 85px; line-height: 90px;}
.pagehding h2::before {width: 286px;height: 90px;left: 33px;top: 3px;}
.mealLink li h4{font-size: 50px; line-height: 55px;}
.mealLink li button {width: 370px;height: 80px;padding: 0 30px;}
.itemListinr > h3{font-size: 40px; line-height: 45px;}
.itemListpnlinr h3 {font-size: 24px; line-height: 29px; margin: 0 0 10px;}
.itemListpnlinr p {font-size: 16px; line-height: 20px;}
.itemListpnlinr strong {font-size: 24px; line-height: 24px;}
.plusIcn {width: 50px;height: 50px;font-size: 33px;right: -25px; line-height: 30px;}
.itemListinr {margin: 55px 0 0;}
.mealMain {padding: 80px 0;
background-size: 100px, 45px, 70px;}
.mealPnel {margin: 70px 0px 0;}
.mealLink {margin: 80px 0 0;}



}

@media only screen and (max-width: 1399px) {

.hderLogo {width: 130px;}
.bnerbtmConInr h4 {margin: 0 auto 25px; font-size: 20px; line-height: 26px; max-width: 550px;}
.bnerbtmConInr p {font-size: 16px; line-height: 29px;}
.bnerbtmConInr ul {margin: 0 0 35px;}
.bredLink li {font-size: 16px; line-height: 20px;}
.bnerbtmConSec {padding: 25px 0 40px;}

.pagehding h2 {font-size: 75px; line-height: 80px;}
.pagehding h2::before {width: 250px; height: 75px; left: 33px; top: 7px;}
.mealLink li h4 {font-size: 40px; line-height: 45px;}
.mealLink li button {width: 335px; height: 70px;padding: 0 25px;}
.itemListinr > h3 {font-size: 35px; line-height: 40px; letter-spacing: 0px;}
.itemListpnlinr h3 {font-size: 20px; line-height: 25px; margin: 0 0 8px; letter-spacing: 0px;}
.itemListpnlinr p {font-size: 15px; line-height: 20px;}
.itemListpnlinr strong {font-size: 22px;line-height: 22px;}
.plusIcn {width: 40px;height: 40px;font-size: 25px;right: -20px;line-height: 25px;}
.itemListinr {margin: 40px 0 0;}

.mealRght {width: 360px !important; padding: 50px 28px 20px; margin: 25px 0 0 !important;}
.cartBtm b, .cartBtm em {font-size: 16px;font-weight: 500;line-height: 20px;}
.cartBtm li {margin: 0 0 11px;}
.cartBtm {padding: 20px 0 0;margin: 15px 0 0;}
.mealLft {max-width: 700px;}

.mealMain {padding: 60px 0; background-size: 75px, 35px, 55px;}
.mealLink {margin: 70px 0 0;}
.mealPnel {margin: 60px 0px 0;}


.foot_links ul li {
    padding: 0 0 0 6px;
    font-size: 12px;
  }
  .copyright p {
    font-size: 13px;
  }
  .unittxt p {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1199px) {

.hederSec {padding: 12px 0;}
.hderLogo {width: 110px;}
.bnerbtmConInr p {font-size: 15px; line-height: 27px;}
.bnerbtmConInr h4 {margin: 0 auto 20px; font-size: 19px; line-height: 25px; max-width: 500px;}
.bnerbtmConInr ul {margin: 0 0 25px;}
.pagehding h2 {font-size: 65px; line-height: 70px;}
.pagehding h2::before {width: 215px; height: 60px; left: 35px; top: 10px;}
.mealLink li h4::before {height: 50px;}
.mealRght > strong {top: -23px;font-size: 20px;line-height: 25px;width: 175px;height: 46px;}
.mealRght {width: 340px !important;padding: 40px 20px 17px;margin: 20px 0 0 !important;}
.mealLft {max-width: 545px;}
.itemListpnlinr {padding: 15px 35px 15px 20px;}
.itemListpnlinr > div{max-width: 400px;}
.mealLink {margin: 60px 0 0;}
.mealPnel {margin: 55px 0px 0;}
.chekBtn {height: 45px;padding: 0 40px;margin: 23px 0 0;}
.banner-logo .carousel-caption {bottom: 110px;}

.itemListpnlinr > div {max-width: 235px;}
.addMoreQuantity {right: -15px;}



}


@media only screen and (max-width: 991px) {

.bnerimg img {height: 250px;}
.bnerbtmConSec {padding: 20px 0 30px;}
.bnerbtmConInr p {font-size: 14px; line-height: 26px;}
.bnerbtmConInr h4 {margin: 0 auto 14px;font-size: 18px;line-height: 24px;max-width: 450px;}
.bnerbtmConInr ul {margin: 0 0 20px;}
.pagehding h2 {font-size: 60px; line-height: 65px;}
.pagehding h2::before {width: 200px; height: 55px; left: 30px; top: 7px;}
.mealLink li h4 {font-size: 35px; line-height: 40px;}
.mealLink li button {width: 300px; height: 60px; padding: 0px 20px;}
.mealRght {width: 330px !important;}
.mealLft {max-width: 335px;}
.itemListpnlinr {flex-direction: column; align-items: flex-start;}
.itemListpnlinr > div{max-width: 100%; margin: 0 0 13px;}

.itemListpnlinr > div:first-child {margin: 0 0 15px;}
.itemListpnlinr > div:last-child{margin: 0;}
.addMoreQuantity{right: auto; margin: 20px 0 0 !important;}

.changeOrderMode a{font-size: 13px;}
.changeOrderMode {padding: 7px 12px !important;width: auto !important;}




}

@media only screen and (max-width: 767px){

.hderLogo {width: 100px;}
.mealPnel {margin: 40px 0px 0; flex-direction: column;}
.mealLft {max-width: 100%;}
.mealRght {width: 100% !important; position: relative !important; margin: 50px 0 0 !important;}
.cartRght{width: 100%;}

.pagehding h2 {font-size: 50px; line-height: 55px;}
.pagehding h2::before {width: 165px;height: 50px; left: 25px; top: 5px;}
.mealMain {padding: 50px 0; background-size: 60px, 30px, 40px;}
.mealLink li h4 {font-size: 28px;line-height: 34px;letter-spacing: 0px; padding: 0; margin: 0 0 7px;}
.mealLink li h4::before {content: none;}
.mealLink li button {width: 230px;height: auto;padding: 15px;flex-direction: column;text-align: center;border-radius: 15px;}
.mealLink {margin: 45px 0 0;}


.hderRgt li {margin: 0 15px 0 0;}
.hdrCart a, .hdrProfi span, .notificationbox .item {width: 35px;height: 35px;font-size: 13px;}
.notification-bell {font-size: 15px;}
.notificationbox ul {left: 0 !important;}


.changeOrderMode a{font-size: 11px;}
.changeOrderMode {padding: 5px 10px !important;}
.hderleft {margin: 0; position: absolute; top: 60px; right: 12px;}
.hederSec .container{max-width: 100%;}


}

@media only screen and (max-width: 575px){

.bnerimg::before {background: rgba(0, 0, 0, 0.55);}
.plusIcn{position: static; transform: inherit; margin: 13px 0 0;}
.itemListpnlinr{text-align: center; padding: 15px; justify-content: center; align-items: center;}
.mealLink li button.active::before{content: none;}
.mealLink li button {width: 220px;}
.itemListinr > h3 {font-size: 30px; line-height: 35px;}
.itemListinr {margin: 30px 0 0;}

.hderRgt li {margin: 0 10px 0 0;}
.hdrProfi a {font-size: 0px;}
.hdrProfi span{margin: 0;}
.hdrProfi a i{display: none;}
.notificationbox ul {left: auto !important;}

.changeOrderMode a {font-size: 11px;}


}

@media only screen and (max-width: 480px){ 

.mealLink li{padding: 5px;}
.hdrProfi a{font-size: 0px;}
.hdrProfi a i{display: none;}
.hdrProfi span{margin: 0;}
.hderRgt li {margin: 0 25px 0 0;}
.hderLogo {width: 88px;}
.banner-logo img {max-width: 45px;}

.hderRgt li {margin: 0 10px 0 0;}
.notificationbox ul {width: 160px;}
.notificationbox ul > li { padding: 5px !important; font-size: 12px !important; line-height: 18px;}
.changeOrderMode a {font-size: 11px;}

}
.itemListpnlinr div{
  max-width: 80%;
}