@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Kumbh+Sans:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html{
   --ffj:"Jost";
   --ffk:"Kumbh Sans";
   --ffp:"Poppins";
   --pclr:#CB3A1A;
   --sclr:#111111;
   --parag: #0a0504a1;
   --white:#FFFFFF;
   scroll-behavior: smooth;

}

body{font-family: var(--ffj); }
.bg-head{background-color: var(--pclr);}
h2{font-size: 48px;}
h3{font-size: 36px;}
h4{font-size: 30px;}
h5{font-size: 24px;}
/* a{text-decoration: none;} */
p{font-size: 16px; line-height: 26px; color: var(--parag);}

.jost-reg{
   font-family: var(--ffj);
 
}
.kumbh-reg{
   font-family: var(--ffk);

}
header{
   position: sticky;
   top: -10px;
   z-index: 1000;
}
.nav-but{
   border: 2px solid red;
   text-decoration: none;
}
nav li a{
   position: relative;
}
nav li:not(:last-child) a::after {
   content: "⌄";
   position: absolute;
   right: -12px;
   top: 7px;
   transform: translateY(-50%);
   font-weight: bold;
}

.head-date-1 span{position: relative;}
.head-date-1 span:last-child::before{
   content: "•";
   font-size: 2rem;
   color: rgb(151, 151, 151);
   position: absolute;
   left: -16px;
   bottom: -12px;
}


.head-date-2 span{position: relative;}
.head-date-2 span:not(:nth-of-type(-n+1))::before{
   content: "•";
   font-size: 2rem;
   color: rgb(151, 151, 151);
   position: absolute;
   left: -16px;
   bottom: -12px;
}

button a{
   color: var(--white);
   text-decoration: none;
   display: block;
}
.hamburger span{
   display: block;
   width: 3rem;
   height: .15rem;
   background-color: #fff;
   transition: 500ms; 
   transform-origin: left center;
}
     
.hamburger.active span:nth-child(1){  transform: translateY(0px) rotate(25deg); }
.hamburger.active span:nth-child(2){ opacity: 0; }
.hamburger.active span:nth-child(3){ transform: translateY(0px) rotate(-25deg); }


/*^  WRAP-2 START  FROM HERE */

.wrap-2{background-color: var(--parag); color: var(--white);}
.wrap-2 .hero-sec{padding: 192px 0 192px 0; font-family: var(--ffj); position: relative;}

.wrap-2 .vertical-text {
  writing-mode: vertical-rl;     /* Vertical, bottom to top */
  transform: rotate(180deg);     /* Flip so text starts from bottom */
  font-size: 4px;
  
}
.wrap-2 .vertical-text p{font-size: 12px;}
.wrap-2 .para-link a {color: var(--white); font-size: .7rem; text-decoration: none;}
.wrap-2 .part-of-us{position: relative}


.wrap-2 .part-of-us::after {
  content: "";
  position: absolute;
  width: 35%;
  height: 1px;
  top: 50%;
  right: -70px;
  background-color: var(--white);
}
.wrap-2 .part-of-us::before{
  content: "";
  position: absolute;
  width: 35%;
  height: 1px;
  top: 50%;
  left: -70px;
  background-color: var(--white);
}

.wrap-2 .cirl{width: 55px; height: 55px; background-color: white; border-radius: 50%; position: absolute; bottom: 0;}
.wrap-2 .cirl-1{left: 50%; translate: -50% 50%;}
.wrap-2 .cirl-2{left: 38%; translate: -50% 50%;}
.wrap-2 .cirl-3{left: 62%; translate: -50% 50%;}

/*^  WRAP-2 END  FROM HERE */



/*^  WRAP-3 START  FROM HERE */
.wrap-3 span{
   font-size: .6rem;
}
   
.wrap-3 .fa-solid {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 3rem;
   height: 3rem;
   border-radius: 50%;
   color: white;
   font-size: 1.2rem;
   background-color: #CB3A1A;
}
.wrap-3 .hotline{font-size: 12px;}
.wrap-3 h2{font-size: 2.2rem;}
/*^  WRAP-3 END  FROM HERE */



/*^  WRAP-4 START  FROM HERE */
.wrap-4{
   background-color: #FAF4EE;
   overflow: hidden;
}
.wrap-4 h4{font-size: 1.2rem; }
.wrap-4 .container{ position: relative;}
.wrap-4 .ginger{left: -50px; top: 65%;}
.wrap-4 .leaf{right: 0; top:0; right: -140px;}
/*^  WRAP-4 END  FROM HERE */



/*^  WRAP-5 START  FROM HERE */
    .wrap-5 .nav-pills .nav-link.active {
       color: var(--pclr); 
       border: 1px solid var(--pclr);
       /* outline: 1px solid var(--pclr); */

    

}
.wrap-5 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /* color: var(--bs-nav-pills-link-active-color); */
    background-color: transparent;
    border-radius: 0;
}

.wrap-5 .nav-pills .nav-link {
    border: 0;
    color: black;
    font-size: .7rem;
    border-radius: 0;
    padding: 2px 4px;
    font-weight: 700;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);


}
/* .wrap-5 .nav-item{ margin-left: 10px;} */
.wrap-5 .food-m{font-size: .7rem;  display: inline-block; padding:5px 10px; border-radius: 5px; color: var(--white);}
.wrap-5 .ord-dlc-food{
   display: flex;
   flex-direction: row;
   justify-content: space-between;

}
.wrap-5 .ord-dlc-food h3, .wrap-5 .ord-dlc-food span{
   font-size: 1.3rem;
   font-weight: 600;
   color: var(--sclr);
   font-weight: 700;
}
.wrap-5 .ord-dlc-para{font-weight: 400; font-size: .8rem;}  

.wrap-5 .our-d-food, .our-all-food{background-color:rgba(128, 128, 128, 0.09) }

/*^  WRAP-5 END  FROM HERE */







/*^  WRAP-6 START  FROM HERE */


.wrap-6{
   background: url('../img/food-gal.webp');
   color: var(--white);
   padding: 150px 0;
}
.wrap-6 .cool-pro{font-size: .6rem; }
.wrap-6 h2{font-size: .5rem; background-color: var(--pclr); padding: 2px 6px; display: inline-block; border-radius: 3px;}
.wrap-6 .cool-pro{font-size: .4rem; }
.wrap-6 .border-bot{border-bottom: 1px solid rgba(255, 255, 255, 0.142); }
.wrap-6 .t15{font-size: 1.5rem; font-weight: 700;}
  .wrap-6 .food-gal{font-size: .9rem;}
  .wrap-6 .arrow{font-size: .6rem; padding: 2px 4px; cursor: pointer; }
  .wrap-6 .food-box{
   background-image: url('../img/my-food-gal.svg');
   width: 5rem;
   height: 5rem;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}
  .wrap-6 .food-box.active{background-image: none;  background-color: #cb4e32; }
  .wrap-6 .eye{opacity: 0;}
  .wrap-6 .food-box.active .eye{width: 34px; height: 34px; background-color: var(--white); display: grid; justify-content: center; align-items: center; opacity: 1;
  position: absolute; top: 50%; left: 50%; translate: -50% -50%;}

.wrap-6 .food-g-nav{left: 20px; right: 20px; translate: 0 5%;}

/*^  WRAP-6 END  FROM HERE */





/*^  WRAP-7 STARTS  FROM HERE */
.wrap-7{font-family: var(--ffj);}
.wrap-7 .feed-line{font-size: 1rem;}
.wrap-7 .profile h3{font-size: 1rem; font-weight: 700;}
.wrap-7 .profile p{font-size: 1rem;}
.wrap-7 .amanda-fig img{width: 20px; height: auto;}
.wrap-7 .profile .pro-pic{width: 40px; height: auto;}

  input[type="date"].form-select,
  input[type="time"].form-select {   
    background-color: #fff;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;

    
  }
   input:focus,
   textarea:focus,
   select:focus,
   button:focus {
  outline: none !important;
  box-shadow: none !important;
}
  input[type="date"]::-webkit-calendar-picker-indicator,
  input[type="time"]::-webkit-calendar-picker-indicator {
   opacity: 0;
    -webkit-appearance: none;
  }


.wrap-7 form button{font-size: .7rem; font-weight: bold;}
.wrap-7 .form-sec{background-color: #d6d6d659;}
.wrap-7 .chef-n{background-color: #3232327e;}
.wrap-7 .chef-n span{font-size: .6rem; display: inline-block; padding-bottom: 15px;}
.wrap-7 .chef-box{border: 1px solid rgba(128, 128, 128, 0.655);}
.wrap-7 .top-30{top: 30%}
/*^  WRAP-7 ENDS  FROM HERE */


/*^ WRAP-8 STARTS FROM HERE  */
.wrap-8{height: 400px; margin-top: -360px;}
/*^ WRAP-8 ENDS FROM HERE  */


/*^ WRAP-9 STARTS FROM HERE  */
.wrap-9{margin-top:500px; padding: 200px 0; background-color: #323232; color: white; font-family: var(--ffj);}
.wrap-9 .populr{position: absolute; left: -1px;}
/*^ WRAP-9 ENDS FROM HERE  */



/*^ WRAP-10 STARTS FROM HERE  */
.wrap-10{padding: 25px 0; font-family: var(--ffj);}
.wrap-10 .news-m{background: #ab84843c; font-size: .8rem; font-weight: 700; color: var(--parag);}
.wrap-10 h2{font-size: 2rem; font-weight: 700;}
.wrap-10 .new-para{font-size: 1.2rem; font-weight: 700; color: black;} 
.wrap-10 .date-pos{position: absolute;  top: -50px; left: 0;}
.wrap-10 .news-card{width:100%;} 


/*^ WRAP-11 STARTS FROM HERE  */
.wrap-11{background: #323232;  font-family: var(--ffj);}
.wrap-11 .para-1{font-size: 1rem; font-weight: 400; color: rgb(146, 145, 145)}
.wrap-11 .span-1{font-size: .7rem; font-weight: 400; color: rgb(199, 198, 198)}
.wrap-11 .span-2{font-size: 1rem; font-weight: 400; color: rgb(215, 215, 215)}
.wrap-11 .copyright p{font-size: .7rem; font-weight: 400; color: rgb(249, 249, 249)}
.wrap-11 .copyright span{font-size: .7rem; margin-left: 9px; font-weight: 400; color: rgb(249, 249, 249)}
/*^ WRAP-11 END  */

/*^ WRAP-12 STARTS FROM HERE  */
.wrap-12{background-image: url('../img/footer-1.webp'); padding: 50px 0;}
.wrap-12 .social-icons span{display:flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: var(--white); border-radius: 50%; z-index: 2;}
.wrap-12 .social-icons span:hover{color: var(--white); background-color: #CB3A1A; transition: 500ms; scale: 1.2; cursor: pointer;}
.wrap-12 h3{font-size: 1.5rem; font-weight: 700; color: var(--white); margin-bottom: 20px; border-bottom: 1px solid rgba(166, 166, 166, 0.394); padding-bottom: 10px;}

.wrap-12 p{font-size: .8rem; margin: 0;}
.blend-difference { mix-blend-mode: difference !important; opacity: .1;}


/*! SCROLL TO TOP */
.scroll-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
 display: none;
}

.scroll-top a {
   color: var(--white);
   display: block;
   padding:10px;
   cursor: pointer;
   background-color: var(--sclr);
   border-radius: 50%;
   transition: all .5s;
   animation: move-up-down 0.5s infinite;
}

@keyframes move-up-down {
   0% {
       transform: translateY(0);
   }
   50% {
       transform: translateY(-10px);
   }
   100% {
       transform: translateY(0);
   }
}
.scroll-top:hover {
  opacity: 0.8;
  color: #cb4e32;
}


/*! MEDIA QUERIES FROM HERE */
@media (min-width: 340px) {
.wrap-2 .hero-sec{padding: 12px 0 12px 0;}   
.wrap-2 .part-of-us::after {
  content: "";
  position: absolute;
  width: 25%;
  height: 1px;
  top: 50%;
  right: -40px;
  background-color: var(--white);
}
  /* .collap{ top: 81px;   padding-bottom: 1rem; */
   .collap{display: none; position: absolute; left: 0;  right: 0; top: 81px;  background:black; padding-bottom: 1rem;
   }
   .collap nav ul{
       flex-direction: column;
       padding-top: 10px;
       row-gap: 13px;
       border-block: 1px solid white;
   }
      .collap nav ul a{display: block;}
      nav li a::after{
         left: 53px;
      }
  .collap nav ul li:not(:last-child) {
  border-bottom: 1px solid white;
}

.wrap-2 .cirl{width: 35px; height: 35px;}
.wrap-2 .cirl-1{left: 50%; translate: -50% 50%;}
.wrap-2 .cirl-2{left: 35%; translate: -50% 50%;}
.wrap-2 .cirl-3{left: 65%; translate: -50% 50%;}
.wrap-2 .part-of-us::before{
  content: "";
  position: absolute;
  width: 20%;
  height: 1px;
  top: 50%;
  left: -40px;
  background-color: var(--white);
}
.wrap-9 {margin-top: 0px; padding: 50px 0;}
.wrap-11 .para-1{font-size: .8rem; color: rgb(207, 207, 207); }
.wrap-12 h3{font-size: 1rem; margin-top: 15px;}
.wrap-12 .social-icons span{width: 25px; height: 25px; font-size: .8rem;}
.wrap-12 .social-icons span:hover{scale: 1.1;}
.wrap-12 p{font-size: .7rem;}

}

@media (min-width: 576px ) {

.wrap-2 .cirl{width: 40px; height: 40px;}
.wrap-2 .cirl-1{left: 50%; translate: -50% 50%;}
.wrap-2 .cirl-2{left: 40%; translate: -50% 50%;}
.wrap-2 .cirl-3{left: 60%; translate: -50% 50%;}
.wrap-5 .nav-pills .nav-link{font-size: 1.2rem;}
.wrap-6 .cool-pro{font-size: .6rem; }
.wrap-6 .t15{font-size: 2.6rem;}
  .wrap-6 .food-gal{font-size: 1rem;}
}

@media (min-width: 768px) {
.wrap-2 .hero-sec{padding: 155px 0 155px 0;}   
.wrap-2 .cirl-1{left: 50%; translate: -50% 50%;}
.wrap-2 .cirl-2{left: 43%; translate: -50% 50%;}
.wrap-2 .cirl-3{left: 57%; translate: -50% 50%;}
.wrap-6 .food-gal{font-size: 1.4rem;}
.wrap-6 .arrow{font-size: 1.2rem; padding: 6px 6px; }
.wrap-7 .feed-line{font-size: 1.2rem;}
.wrap-7 .profile h3{font-size: 1.2rem; font-weight: 700;}
.wrap-7 .profile p{font-size: 1rem;}
.wrap-7 .amanda-fig img{width: 30px; height: auto;}
.wrap-7 .profile .pro-pic{width: 50px; height: auto;}

}

@media (min-width: 992px) {
.wrap-2 .hero-sec{padding: 155px 0 155px 0;}   
.wrap-2 .cirl-1{left: 50%; translate: -50% 50%;}
.wrap-2 .cirl-2{left: 45%; translate: -50% 50%;}
.wrap-2 .cirl-3{left: 55%; translate: -50% 50%;}
.wrap-6 .food-box{width: 10rem; height: 10rem;}
.wrap-11 .para-1{font-size: .9rem; }
header{
   position: sticky;
   top: -30px;
   z-index: 1000;
}
.collap{top: 113px;}
}

@media (min-width: 1200px) {
.wrap-2 .hero-sec{padding: 155px 0 155px 0;}   
.wrap-2 .cirl-1{left: 50%; translate: -50% 50%;}
.wrap-2 .cirl-2{left: 46%; translate: -50% 50%;}
.wrap-2 .cirl-3{left: 54%; translate: -50% 50%;}
.wrap-4 .container{padding: 119px 0 119px 0}
 .wrap-6 .food-gal{font-size: 2rem;}
.wrap-6 .food-box{width: 12rem; height: 12rem;}
.wrap-10{padding: 100px 0;}
   .collap{display: block; position: static;  background: none; border: none; }

.collap nav ul{
       flex-direction: row;
       padding-top: 10px;
       row-gap: 13px;
       /* border-block: 1px solid white; */
       border: none;
   }
      .collap nav ul a{display: block;}
      nav li a::after{
         left: 53px;
      }
  .collap nav ul li:not(:last-child) {
  /* border-bottom: 1px solid white; } */
  border: none;

  }
}
/* 
@media (max-width: 1200px) {
    
   .collap{display: none; position: absolute; left: 0;  right: 0; top: 113px;  background:black; padding-bottom: 1rem;
   }
   .collap nav ul{
       flex-direction: column;
       padding-top: 10px;
       row-gap: 13px;
       border-block: 1px solid white;
   }
      .collap nav ul a{display: block;}
      nav li a::after{
         left: 53px;
      }
  .collap nav ul li:not(:last-child) {
  border-bottom: 1px solid white;
}
}  */

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1680px;
    }
}