@font-face {
    font-family: 'Poppins-Regular';
    src: url('fonts/Poppins-Regular.eot');
    src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff'),
        url('fonts/Poppins-Regular.ttf') format('truetype'),
        url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('fonts/Poppins-Bold.eot');
    src: url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Bold.woff2') format('woff2'),
        url('fonts/Poppins-Bold.woff') format('woff'),
        url('fonts/Poppins-Bold.ttf') format('truetype'),
        url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('fonts/Poppins-SemiBold.eot');
    src: url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/Poppins-SemiBold.woff') format('woff'),
        url('fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('fonts/Poppins-Medium.eot');
    src: url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Medium.woff2') format('woff2'),
        url('fonts/Poppins-Medium.woff') format('woff'),
        url('fonts/Poppins-Medium.ttf') format('truetype'),
        url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



body{
 font-family: 'Poppins-Regular' !important;
    margin: 0px;
    padding: 0px;
}
.offcanvas .nav-link:hover {
  background-color: #333;
}
.menu-close{
  top: 10px;
    right: 11px;
    font-size: 12px;
}
.offcanvas-SignIn{
  padding: 10px 74px;
}
.container-width{
 max-width: 1250px !important;
    margin: 0 auto;
}
nav .menu{
    font-size: 23px;
}
nav{
    padding: 14px 0px;
}
.nav-link{
  font-weight: 500 !important;
  padding: 3px 16px !important;
   transition: none !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: black !important;
    background-color: white !important;
    border-radius: 500px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    transition-delay: 400ms; 
}
.nav-pills{
    background-color: #F3F3F3;
    width: max-content;
}
.logo{
  margin-right: 28px;
}
.offcanvas{
    --bs-offcanvas-width: 300px !important;
}
.offcanvas-header a{
  font-size: 18px;
}
.nav.flex-column{
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
}
.nav.flex-column li a:hover{
  background-color: transparent;
}
.offcanvas-body div p{
  line-height: 20px;
  font-weight: 500;
  font-size: 16px;
}
.social-link{
  font-size: 14px;
  line-height: 16px;
  background: #F3F3F3;
  border-radius: 500px;
  padding: 12px 18px;
}
/* From Uiverse.io by gharsh11032000 */ 
.animated-button {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  border: none;
  font-size: 16px;
  background-color: inherit;
  border-radius: 100px;
  font-weight: 600;
  color: #ffffff40;
  box-shadow: 0 0 0 2px #ffffff20;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.animated-button span:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-color: #0FB4A4;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.320, 1);
}

.animated-button span:first-child {
  position: relative;
  z-index: 1;
}

.animated-button:hover {
  box-shadow: 0 0 0 5px #9cd9d3;
  color: #ffffff;
  color:white !important;
}

.animated-button:active {
  scale: 0.95;
}

.animated-button:hover span:last-child {
  width: 150px;
  height: 150px;
  opacity: 1;
 
}




/* inside login signup button */

.modal-large{
  display: block;
}
.modal-small{
  display: none;
}
.welcome{
  background-color: #1BBBB7;
  padding: 300px 30px;
}
.welcome h1{
  font-size: 50px;
}
.my-tabs{
  background-color: #1BBBB7;
  padding: 200px 20px;
}
.my-tabs h1{
  font-size: 40px;
}
.my-tabs p{
  font-size: 14px;
}
 .my-tabs .my-tab-button {
      border: 1px solid white;
      padding: 7px 20px;
      margin-right: 5px;
      cursor: pointer;
      width: calc(100% - 63px);
      font-size: 18px;
      background-color: transparent;
    }
   
    #default-content a{
       font-family: 'Poppins-SemiBold';
      background-color: #1877F2;
      width: calc(100% - 107px);
      font-size: 16px;
    }
    .center-wrapper {
    display: grid;
    place-items: center;
  }
  .tab-btn form input{
    border: 1px solid #ababab;
    font-size: 14px;
  }
  .tab-btn form label{
     font-family: 'Poppins-SemiBold';
    color: #7E8084;
    font-size: 18px;
  }
   .tab-btn form a{
     font-family: 'Poppins-SemiBold';
    color: #7E8084;
    font-size: 11px;
  }
    .tab-btn form button{
     background-color: #1BBBB7;
  }
 .divider {
      display: flex;
      align-items: center;
      text-align: center;
      color: #999;
      margin: 20px 0;
    }

    .divider::before,
    .divider::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid #ccc;
    }

    .divider:not(:empty)::before {
      margin-right: 0.5em;
    }

    .divider:not(:empty)::after {
      margin-left: 0.5em;
    }

/*  On mobile login Sign Up*/
.mobile-login {
 background: white;
    top: 52px;
    right: 0px;
    display: none;
    width: 110px;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    padding: 0px;
}
.mobile-login li {
  list-style: none;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}
.mobile-login li:hover {
  background-color: #f5f5f5;
}


/* modal on small screen */

.my-signup{
  background-color: #1BBBB7;
}

.hero-banner {
  width: 100%;
  height: 90vh;
  min-height: 550px;
  position: relative;
}

.hero-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: filter 0.3s ease;
}

.hero-content {
  z-index: 2;
}

/*Add to cart btn*/

#cartToggleBtn{
    display:none;
}
#closeCart{
    display:none;
}



@media (max-width: 768px) {
       .sm-mobile-info{
  display: block !important;
}
    .mobile-info{
  display: block !important;
}
.lg-logo{c
    display:none !Important;
}
.login-web{
    display:none !important;
}
  .hero-banner {
    height: 70vh;
  }
  .hero-content h1 {
    font-size: 1.8rem;
  }
  .hero-content p {
    font-size: 1rem;
  }
}

.search-bar{
  height: 37px !important;
  background: #fff;
  font-size: 16px;
}
.search-bar input{
  outline: none;
  color: #989898;
  font-weight: bold;
}
.search-bar button{
  height: 51px !important;
}
.findHere-mbl{
  display: block !important;
}
.show{
  display: none;
}
.box-content{
  border-radius: 20px;
  box-shadow: 0px 0px 10px -2px #8E8C8C;
  padding: 40px;
}
.box-content h4{
  font-size: 20px !important;
}
.box-content p{
  font-size: 12px !important;
}
.inner-content{
  background-color: #1BBBB7;
  border-radius:16px;
   text-align: center;
      padding-top: 12px;
      padding-bottom: 10px;
      margin-top: -80px;
}
.swiper img{
  position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.container-content{
  max-width: 100%;
  margin: 0 auto;
  margin-right: 0px;
  padding: 0 15px;
}

.daily-deals .rounded{
 margin: 20px;
}
.daily-deals img{
 border-radius: 20px !important;
  transition: transform 0.5s ease;
  transform: scale(1); 
}
.daily-deals img:hover{
 transform: scale(1.03); 
}
.card{
  border-radius: 25px !important;
  margin: 0px 10px;
  box-shadow: 0px 0px 6px 0px #bbbbbb;
}
.chef-home{
  height: 400px !important;
}
.card img{
  border-radius: 25px 25px 0px 0px !important;
}
.card-body p{
 font-size: 11px;
}
.card-time{
  background-color: #C4EEED;
  border-radius: 20px;
  font-size: 10px;
}
.card-title{
  font-size: 16px;
}
.spacer{
  margin: 24px;
}
.detail p{
font-size: 18px;
color: #5E5D5D;
}





/* third page */





.card-time img{
  margin-right: 4px;
}
.checked{
  color: #FFCB2B;
  font-size: 14px !important;
}
.modal-btn{
  outline: none !important;
}
.food-profile button,span{
  font-size: 14px;
}
.food-profile .col-md-8 p{
  font-size: 13px;
  color: #5E5D5D;
}
.profile-heading p{
  font-size: 14px;
  color: gray;
}
.profile-heading h5{
  font-size: 36px;
}
.modal-body-inner{
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: 13px;
}
 .modal-header{
  border: 0px;
 }
.modal-header p{
  font-size: 14px;
}
.modal-header h5{
  font-size: 18px;
}
.close{
  border: 1px solid rgb(175, 175, 175);
  /*transform: scale(1.0);*/
  width: 30px;
  height: 30px;
 box-shadow: 0px 0px 6px 0px rgb(203 203 203) !important;
 border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.close:hover{*/
/*  transform: scale(1.2);*/
/*}*/
.close span{
    font-size:26px !important;
}
.modal-body{
  background-color: #f7f7f7;
}
.rating h3{
font-size: 30px;
}
.progres{
  font-size: 13px;
}
.progres div div{
  background-color: #EBEBEB;
  height: 6px;
    border-radius: 6px;
}
.progres>div>div>div{
background-color: #FFCB2B;
 height: 6px;
}
#pills-home-tab-2,#pills-profile-tab-2{
  color: #1e1e1e;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.nav-pills .reviews-tab .nav-link.active, .nav-pills .show>.nav-link {
    color: rgb(255, 255, 255) !important;
  background-color: #39434d !important;
}
.inner-tabs{
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 13px;
}
.inner-tabs .tab-pane .top-review{
  color: #1BBBB7;
  background-color: #dcf9f8;
  font-size: 10px;
  font-weight: 500;
}
.inner-tabs .tab-pane h3{
 font-size: 17px;
}
.inner-tabs h6{
font-size: 14px;
}
.reviews-slider .d-flex.align-items-center{
   border: 1px solid #d7d7d7;
  border-radius: 13px;
}
.reviews-slider img{
    border-radius: 0px 13px 13px 0px;
}

/* Second Modal */

#modalTwo .modal-dialog .modal-content .modal-body p.fw-bold{
  font-size: 16px;
  font-weight: bold;
  color: black;
}
#dropdownContent{
  top: 0px !important;
  left: 0px !important;
}
#arrowIcon{
 border: 1px solid #c3c3c3; 
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    border-color: white !important;
}
#dropdownContent div p{
  color: #707070 !important;
}
#dropdownContent div h4{
 font-size: 16px;
}
#dropdownContent div h4>span{
height: 1px !important;
    width: 64% !important;
    background-color: #ebebeb;
    position: absolute;
    top: 50%;
    right: 5px;
}
.map h3{
  font-size: 19px;
}
.info{
  display: block;
}
.sm-mobile-info{
  display: none;
}
.mobile-info{
  display: none;
}
.search-bar{
  width: 270px;
  height: 39px;
  border: 1px solid #A9A9A9;
}
.food-items{
margin-left: 30px;
}
.food-items a{
font-size: 15px;
color: #707070;
}
.food-items .slick-next{
    top: 50%;
    right: -17px;
   background: url(../images/next-arrow.png) center center / cover no-repeat !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #bbb9b9;
    box-shadow: 0px 0px 14px 0px #dfdfdf;
}
.food-items .slick-next:hover {
    top: 50%;
    right: -17px;
   background: url(../images/next-arrow.png) center center / cover no-repeat !important;
   background-color: #f3f3f3 !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #bbb9b9;
    box-shadow: 0px 0px 14px 0px #dfdfdf;
}
.food-items .slick-prev{
    top: 50%;
    left: -65px;
   background: url(../images/prev-arrow.png) center center / cover no-repeat !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #bbb9b9;
    box-shadow: 0px 0px 14px 0px #dfdfdf;
}
.food-items .slick-prev:hover {
    top: 50%;
    left: -65px;
   background: url(../images/prev-arrow.png) center center / cover no-repeat !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #bbb9b9;
    box-shadow: 0px 0px 14px 0px #dfdfdf;
}
.menu-bar{
  position: sticky;
  top: 20px;
  z-index: 99;
  background-color: white;
}
.inner-categories{
  box-shadow: 0px 0px 10px 0px #d1d1d1;
  border-radius: 16px;
  border: 1px solid #d1d1d1;
  /*transform: scale(1);*/
  /* transition: transform 0.2s ease-in-out;*/
}
.bg-animation:hover{
    background-color: #defffe;
    
}
.inner-categories h2{
  font-size: 18px;
}
.inner-categories p{
  font-size: 18px;
  color: #7E8084;
}
.inner-categories span{
  font-size: 12px;
  color: #484848;
}
.inner-categories .add{
bottom: 12px;
right: 13px;
background:#1BBBB7;
width: 23px;
height: 24px;
border-radius: 50%;
transform: scale(1.0);
}
.inner-categories .add:hover{
bottom: 12px;
right: 13px;
background:#1BBBB7;
width: 23px;
height: 24px;
border-radius: 50%;
transform: scale(1.1);
}
.inner-categories .add:active{
bottom: 12px;
right: 13px;
background:#1BBBB7 !important;
width: 23px;
height: 24px;
border-radius: 50%;
}
.inner-categories .modal-content{
  border-radius: 22px;
}
.inner-categories .modal-header img{
  border-radius: 22px;
}
.modal-header button.position-absolute{
  right: 20px;
  top: 20px;
  background: transparent;
  box-shadow: none;
  border: 0px;
}
.modal-body form label{
  font-size: 14px;
  line-height: 22px;
}
.modal-body form textarea{
  height: 50px;
  overflow-y: hidden;
  border: 1px solid #ababab;
    border-radius: 10px;
}
.modal-body form input{
  height: 50px;
  overflow-y: hidden;
  font-size: 15px;
  border: 1px solid #ababab;
    border-radius: 10px;
}
.inner-categories .modal-footer{
border: 0px;
}
.modal-footer#footer-2960{
    background: #ffffff;
    z-index: 99;
    position: sticky;
    bottom: 0px;
}
#footer-2777{
     background: #ffffff;
    z-index: 99;
    position: sticky;
    bottom: 0px;
}
.inner-categories .modal-footer button.save{
background-color: #39C0BC;
}
.add-more{
  display: flex;
   align-items: center;
    gap: 16px;
    font-size: 20px;
    width: 24%;
    background-color: #39C0BC;
    justify-content: center;
}



/* Show when open */
.cart-sidebar.open {
  right: 0;
}

/* Close button */
.close-cart-btn {
  position: absolute;
  top: 12px;
  left: 15px;
  background: none;
  border: none;
  font-size: 26px;
  color: #000;
  cursor: pointer;
  z-index: 10;
}

/* 🔹 Only hide sidebar on desktop, visible toggle on ≤768px */
/*@media (min-width: 769px) {*/
/*  .cart-sidebar {*/
/*    position: static !important;*/
/*    right: auto !important;*/
/*    height: auto !important;*/
/*    box-shadow: none !important;*/
/*    transition: none !important;*/
/*    display: block !important;*/
/*  }*/
/*}*/

/* Dim background when sidebar is open */
body.cart-open::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 1040;
}



.delivery-pickup{
  border: 1px solid #BEBEBE;
  border-radius: 10px;
  background: white;
    z-index: 6;
    position: sticky;
    top: 10px;
    box-shadow: 0 14px 28px -12px #0000001f;
}
.hide{
  display: block;
}
.my-tabs .nav-item .active{
  background-color: #C4EEED;
  font-weight: 600 !important;
}
.my-tabs .nav-item .nav-link{
border: 1px solid #A9A9A9;
box-shadow: 0px 0px 10px 0px #dbdbdb;
font-size: 16px;
line-height: 15px;
}
.my-tabs .nav-item .nav-link span{
font-size: 10px;
}

/* for delivery */
.custom-tab1-pane{
  border-bottom: 2px solid #D9D9D9;
}
.delivery-info{
box-shadow: 0px 0px 10px 0px #d1d1d1;
    border-radius: 16px;
    border: 1px solid #d1d1d1;
}
.delivery-info h2{
  font-size: 13px;
  line-height: 15px;
}
.delivery-info p{
  font-size: 10px;
}
.custom-counter{
   border: 1px solid #d1d1d1;
   background-color: #C4EEED;
}
.with-order h2{
  font-size: 16px;
}
.with-order .inner-categories h2{
  font-size: 12px;
}
.with-order .inner-categories p{
  font-size: 12px;
  color: black;
}
.extra-order .inner-categories{
  margin-right: 10px;
  box-shadow: none !important;
}
.total-bill tr{
  border-style: hidden !important;
}
.total-bill tr td{
  color: #7E8084;
}
.summary{
  background-color: #39C0BC;
  padding-top: 40px;
  padding-bottom: 21px;
  border-radius: 0px 0px 10px 10px;
}
.summary a{
  font-size: 12px;
}
.pickup-summary{
  padding-top: 40px;
  padding-bottom: 21px;
  border-radius: 0px 0px 10px 10px;
  border-top: 2px solid #D9D9D9;
}
.pickup-summary a{
    background-color: #C4EEED;
  font-size: 12px;
}



/* order-detail page */

.place-order{
    border-radius: 10px;
    background-color: #1BBBB7 !important;
    font-size: 20px;
}
.location-detail{
 box-shadow: 0px 0px 10px 0px #d1d1d1;
    border-radius: 16px;
    border: 1px solid #d1d1d1;
}
.location-detail input{
  box-shadow: 0px 0px 6px 0px #d1d1d1;
    border-radius: 10px;
    border: 1px solid #d1d1d1; 
    height: 64px;
}
.location-detail h2{
  font-size: 22px;
}
.location-detail textarea{
  box-shadow: 0px 0px 6px 0px #d1d1d1;
    border-radius: 10px;
    border: 1px solid #d1d1d1; 
    height: 117px;
}
 .location-detail button{
    border-radius: 10px;
    background-color: #1BBBB7;
    font-size: 20px;
}
.location-detail button:active{
    border-radius: 10px;
    background-color: #1BBBB7 !important;
    font-size: 20px;
}
.location-detail button:hover{
    border-radius: 10px;
    background-color: #1BBBB7;
    font-size: 20px;
}
/* Hide radio buttons */
    .btn-check {
      display: none;
    }

    /* Custom styling for labels */
    .custom-radio-label {
  box-shadow: 0px 0px 6px 0px #d1d1d1;
    border: 1px solid #d1d1d1; 
      background-color: white;
      color: black;
      padding: 10px 20px;
      cursor: pointer;
      margin-right: 10px;
      font-size: 16px;
      color: #5E5D5D;
      transition: background-color 0.3s, color 0.3s;
      width: calc(100% - 79%);
    text-align: center;
    }

    .custom-radio-label.active {
      background-color: black !important;
      color: white !important;
    }

    #otherInput {
      display: none;
      margin-top: 1rem;
    }
    aside{
  box-shadow: 0px 0px 6px 0px #d1d1d1;
    border: 1px solid #d1d1d1; 
      background-color: white;
    border-radius: 10px;
    }
    aside table tbody tr td{
      color: #5E5D5D !important;
      font-size: 16px !important;
    }
  .aside-bottom{
    background-color: #1BBBB7;
    border-radius: 10px;
  }
  .aside-bottom p{
    font-size: 22px;
  }
   .floating-label-group {
      position: relative;
      margin-bottom: 1.8rem;
    }

    .floating-label-group input,
    .floating-label-group textarea {
      width: 100%;
      padding: 1.2rem 1rem 0.5rem;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 10px;
      background-color: #fff;
      outline: none;
    }

    .floating-label-group label {
      position: absolute;
      top: 16px;
      left: 16px;
      background: white;
      padding: 0 5px;
      color: #999;
      font-size: 16px;
      pointer-events: none;
      transition: 0.2s ease all;
    }

    .floating-label-group input:focus + label,
    .floating-label-group input:not(:placeholder-shown) + label,
    .floating-label-group textarea:focus + label,
    .floating-label-group textarea:not(:placeholder-shown) + label {
      top: -8px;
      left: 12px;
      font-size: 13px;
      color: #000;
    }

    .floating-label-group textarea {
      resize: none;
      min-height: 100px;
    }
#resendMessage {
  display: block;
  margin-top: 0.5rem;
}
.detail-modal .close:active{
background-color: transparent !important;
}

/* payment methond  page*/
.card-details-container,
.easypaisa-details-container {
  display: none;
  margin-top: 10px;
}

.card-details-container input {
  display: block;
  margin: 8px 0;
  padding: 6px;
  width: 50%;
}

.card-info-row {
  display: flex;
  gap: 10px;
}

.card-info-row input {
  flex: 1;
}

.easypaisa-info-text {
  margin-top: 10px;
  font-size: 14px;
  color: #555;
  max-width: 400px;
}
.payment input{
box-shadow: none;
}
.payment label a{
font-size: 14px;
color: #5E5D5D;
}


/* order confirmed page */
.arrive{
  margin-bottom: 40px;
}
.arrive h6{
  font-size: 16px;
}
.arrive h2{
  font-size: 33px;
}
.arrive h3{
  font-size: 22px;
}
.arrive p{
  font-size: 16px;
  color: #5E5D5D;
}
.loadin{
  background-color: #1BBBB7;
  height: 9px;
}
.order-detail h2{
  font-size: 30px;
}
.order-detail .col-md-7 h6{
font-size: 18px;
}
.order-detail .col-md-7 p{
font-size: 16px;
color: #5E5D5D;
}
.order-detail button{
  font-size: 16px;
    background-color: #C4EEED;
}
.order-detail button:hover{
  font-size: 16px;
}
.summary-box button:active{
  background-color: transparent !important;
}
    .rotate-icon {
      transition: transform 0.3s ease;
    }
    .rotate-icon.collapsed {
      transform: rotate(0deg);
    }
    .rotate-icon:not(.collapsed) {
      transform: rotate(180deg);
    }
     .order-detail{
      margin-top: 40px;
    }
    .summary-box h6{
      font-size: 21px;
    }
     .summary-box span{
      font-size: 16px;
      color: #5E5D5D;
    }
    .summary-box .justify-content-between.fw-bold.mt-3 span{
 font-size: 18px;
    }
.help{
  font-size: 20px;
  background-color: #1BBBB7;
  border-radius: 10px;
  width: 226px;
}

/* order-reached */

.anytime,.arrive{
  padding: 48px;
}
.anytime h1{
   font-family: 'Poppins-Bold';
  font-size: 30px !important;
}
.anytime h3{
  font-size: 20px !important;
}
.anytime p{
  font-size: 20px;
  color: #7E8084;
}
.anytime h4{
    font-family: 'Poppins-Bold';
    font-size: 24px;
}
.c1{
  margin-top: 15px;
}
.c2 h3{
  font-family: 'Poppins-Bold';
  font-size: 18px;
}
.c2 h4{
  font-family: 'Poppins-Bold';
  font-size: 18px;
}
.c2 a{
  color: #5E5D5D;
}

/* all restaurant */


 .sidebar {
      background: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0px 0px 10px 0px #a9a9a9;
    }
    .search-filter{
       font-family: 'Poppins-Bold';
      font-size: 19px;
    }
.sidebar  p{
   font-family: 'Poppins-Regular';
  font-size: 15px;
  color: #5B5D60;
}
.sidebar label{
 font-family: 'Poppins-Regular';
  font-size: 14px;
  color: #5B5D60;
}
.filter-toggle-btn{
  border: 1px solid #afafaf !important;
  font-size: 12px !important;
}
    .restaurant-card {
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 0 10px 0px rgba(73, 73, 73, 0.5);
      background: white;
      margin-bottom: 20px;
      height:100%;
      /*position:relative;*/
    }

    .restaurant-card img {
      width: 100%;
      height: 180px;
      object-fit: cover;
    }

    .restaurant-info {
      padding: 20px !important;
    }

    .restaurant-info h6 {
      font-family: 'Poppins-SemiBold';
      font-size: 16px;
    }
    
    .bottom-home-chef{
        width:100%;
    }

    .badge-filter {
      background-color: #e0f7f7;
      color: #00b6b6;
      font-size: 12px;
      margin-right: 5px;
    }

.search-restaurant{
  width:300px;  
}

    .search-input {
      border-radius: 20px;
    }

    .filter-btn {
      border-radius: 50%;
      padding: 8px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      background: #fff;
    }

    .offcanvas {
      width: 300px;
    }
     .sidebar .form-check {
      opacity: 0;
      transform: translateY(10px);
      animation: fadeInUp 0.4s ease forwards;
    }
    .fade{
      background: rgba(0, 0, 0, 0.6);
    }

    .sidebar .form-check:nth-child(n) {
      animation-delay: calc(0.02s * var(--i, 1));
    }
      .sidebar-scrollable {
      max-height: 70vh;
      overflow-y: auto;
      scroll-behavior: smooth;
    }
.filter-toggle-btn {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 18px;
  border-radius: 999px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  color: #5B5D60;
  transition: all 0.3s ease;
}

.btn-check:checked + .filter-toggle-btn {
  background-color: #C4EEED !important;
  color: #5B5D60 !important;
  border: 1px solid #afafaf !important;
}
#toggleCuisines{
font-size: 14px;
color: #5B5D60;
}
#toggleCuisines span{
border: 1px solid #afafaf;
width: 15px;
height: 15px;
background-color: #C4EEED;
}
.arrow-icon.rotate-up {
  transform: rotate(180deg);
}
.search-items{
  width: 182px !important;
  font-size: 12px !important;
  padding: 3px .75rem !important;
}
.inner-detail h4{
  font-family: 'Poppins-SemiBold';
  font-size: 28px;
}
.inner-detail p{
   font-family: 'Poppins-Regular';
   font-size: 18px;
  color: #5E5D5D;
}
/*.bottom-home-chef{*/
/*    position:absolute;*/
/*    bottom: 30px;*/
/*}*/
    @keyframes fadeInUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }


    /* pandapay page */

  .card-box {
     border: 1px solid #afafaf;
      border-radius: 24px;
      padding: 20px;
      margin-bottom: 20px;
    }
    .card-box h6 {
      font-weight: 600;
    }
    .btn-topup {
      background-color: #00b6b6;
      color: #fff;
      border-radius: 20px;
      padding: 5px 15px;
      font-size: 14px;
      text-decoration: none;
      display: inline-block;
    }
    .btn-topup:hover {
      background-color: #009292;
      color: #fff;
    }
    .activity-amount {
      font-family: 'Poppins-Bold';
      background-color: #1BBBB7;
      color: white;
      padding: 8px 16px;
      border-radius: 20px;
      font-size: 14px;
      border: 1px solid #8E8C8C;
    }
    .view-all {
      font-size: 14px;
      text-decoration: none;
      color: #5b5d60;
      font-weight: 600;
    }
    .section-label {
      font-family: 'Poppins-Regular';
      font-size: 18px;
      color: #5B5D60;
    }
    .credit-amount {
       font-family: 'Poppins-Bold';
      font-size: 30px;
      color: #1BBBB7;
    }
    .step-box {
       font-family: 'Poppins-Medium';
      font-size: 16px;
      color: #5B5D60;
    }
    .step-link {
      font-family: 'Poppins-Bold';
      font-size: 18px;
      color: #1BBBB7;
      text-decoration: none;
    }
    .step-icon {
      color: #00b6b6;
    }
    .rounded-bg{
      position: absolute;
      bottom: 8px;
   border: 1px solid #afafaf;
   width: 22px;
   height: 22px;
   background-color: #1BBBB7;
    }
    .balance{
font-family: 'Poppins-Medium';
      font-size: 16px;
      color: #5B5D60;
    }
    .primary{
      font-family: 'Poppins-Bold';
      font-size: 20px;
      color: #000;
    }
    .back-home{
          font-family: 'Poppins-Bold';
      font-size: 18px;
       color: #5B5D60;
    }
    .order{
      font-size: 16px;
       color: #5B5D60;
    }
    .bg-rounded{
     border: 1px solid #8E8C8C;
     width: 20px;
     height: 20px;
    }

/* top up page */

 .topup-card {
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      padding: 20px;
      background-color: #fff;
      margin-bottom: 20px;
    }
    .topup-btn {
      background-color: #00b6b6;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 10px 20px;
      font-weight: 600;
    }
    .topup-btn:hover {
      background-color: #009292;
    }
    .amount-option {
        font-family: 'Poppins-SemiBold';
      font-size: 28px;
      background-color: #1BBBB7;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 10px 15px;
      margin: 5px;
    }
    .amount-option:hover {
      background-color: #009292;
    }
    .payment-option {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 15px;
      margin-bottom: 10px;
    }
    .payment-option input[type="radio"] {
      margin-right: 10px;
    }
    .inner-payment{
     border: 1px solid #ccc;
     border-radius: 10px;
    }
    .back-previous{
font-family: 'Poppins-Bold';
      font-size: 20px !important;
    }
    .topup-card p{
font-family: 'Poppins-Medium';
      font-size: 20px;
      color: #5C5C5C;
    }
    .topup-card small{
font-family: 'Poppins-Medium';
      font-size: 13px;
      color: #5C5C5C;
    }
    .text-inf{
      font-family: 'Poppins-Medium';
      font-size: 16px;
      color: #1BBBB7 !important;
    border-bottom: 1px solid black;
    padding-bottom: 2px;
    }
    .topup-card h6{
      font-family: 'Poppins-Bold';
font-size: 20px;
    }
    .topup-card span{
      font-family: 'Poppins-Bold';
font-size: 30px;
color: #1BBBB7 !important;
    }
    .topup-card input{
      border-radius: 17px;
    }
    .confirm-topUp{
       font-family: 'Poppins-Bold';
     padding: 10px 105px !important;
    }
    .order-card {
      background-color: #fff;
      border-radius: 12px;
      padding: 12px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: stretch;
    }
    .order-image {
     width: 101px;
    height: 81px;
      border-radius: 8px;
      object-fit: cover;
    }
    .reorder-btn {
      border-radius: 8px;
      font-size: 14px !important;
      padding: 6px 14px;
    }
    .reorder-btn:hover {
      background-color: #218f8c !important;
    }
    .text-muted-small {
      color: #6c757d;
      font-size: 14px;
    }

    /* order and reordering page */

    .order-container{
      max-width: 950px;
      margin: 0 auto;
    }
    .order-reorder h6{
      font-family: 'Poppins-Bold';
      font-size: 22px;
    }
     .order-reorder p{
      font-family: 'Poppins-Regular';
      font-size: 15px;
      color: #5C5C5C;
    }
     .order-reorder h4{
      font-family: 'Poppins-Bold';
      font-size: 20px;
    }


    /* footer */

   .footer {
    margin-top: 110px;
      background-color: #00b6b6;
      color: white;
      /*padding: 50px 20px 20px;*/
      padding: 30px 20px 5px;
    }
    .footer h6 {
      font-size: 18px;
      font-family: 'Poppins-Bold';
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    .footer p {
      font-size: 14px;
      margin-bottom: 0;
    }
    .footer a {
      color: white;
      font-size: 17px;
      text-decoration: none;
      display: block;
      margin-bottom: 8px;
    }
    .footer a:hover {
      text-decoration: underline;
    }
    .footer hr {
      border-color: rgba(255, 255, 255, 0.4);
      margin: 25px 0;
    }
    .footer-logo {
      font-family: 'Brush Script MT', cursive;
      font-size: 32px;
      color: white;
      text-align:center;
    }
    .social-icons{
        text-align:center;
    }
    .social-icons a {
      color: white;
      font-size: 20px;
      margin-left: 12px;
    }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .inner-footer{
      display: flex;
      justify-content: end;
    }
    .footer-areas{
      margin-bottom: 60px;
    }
    .areas-delivered{
      font-size: 18px !important;
    }
    .bottom-footer{
        display:flex;
        justify-content:center;
        gap:18px;
    }
    .social-contact-links{
        display:flex;
        justify-content:center;
    }
    .copyright{
        border-top: 1px solid white;
    padding-top: 13px;
    }
    

    /* profile page */

.section-title {
  font-family: 'Poppins-Bold';
      margin-bottom: 1rem;
      font-size: 20px;
    }

    .form-section {
      margin-bottom: 2rem;
      border-bottom: 1px solid #eee;
      padding-bottom: 1.5rem;
    }

    .custom-form-group {
      position: relative;
      margin-bottom: 1.5rem;
    }

    .custom-form-group input {
      width: 100%;
      padding: 1.2rem 1rem 0.5rem;
      font-size: 14px;
      border: 1px solid #ababab;
      border-radius: 20px;
      outline: none;
    }

    .custom-form-group label {
      position: absolute;
      top: 14px;
      left: 14px;
      font-size: 14px;
      color: #7E8084;
      background: white;
      padding: 0 4px;
      transition: all 0.2s ease;
      pointer-events: none;
    }

    .custom-form-group input:focus + label,
    .custom-form-group input:not(:placeholder-shown) + label {
      top: -8px;
      font-size: 12px;
      color: #000;
    }

    .btn-save {
      background-color: #1BBBB7 !important;
      color: white !important;
    }

    .btn-save:disabled {
      background-color: #ccc;
      border-color: #ccc;
    }
    .btn-outline-secondary{
     padding: 15px 13px !important;
    font-size: 15px !important;
    }

    /* vouchers page*/

 .voucher-card {
  border-radius: 10px 10px 0px 0px;
border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
      position: relative;
      background: #fff;
      overflow: hidden;
      padding: 1rem 1rem 0.5rem;
    }
    .voucher-top {
      display: flex;
      gap: 12px;
      align-items: center;
    }

    .voucher-icon {
      background: white;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .fl-deal-text-on-white {
    fill: #1BBBB7;
}

    .voucher-body h6 {
      margin: 0;
      font-size: 14px;
      font-weight: 600;
    }

    .voucher-body small {
      color: #555;
    }

    .voucher-code {
      font-weight: 500;
      color: #999;
      font-size: 13px;
    }

    .voucher-footer {
      padding: 0rem 1rem 1rem;
      border-radius: 0px 0px 10px 10px;
border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
      font-size: 0.8rem;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .min-price{
      background: #efefef;
    padding: 4px 20px !important;
    font-size: 10px !important;
    }

    .badge-light-blue {
      background-color: #e1f1ff;
      color: #007bff;
      font-size: 0.7rem;
      border-radius: 5px;
    }

    .text-orange {
      color: #f26522;
      font-weight: 500;
    }

    .voucher-card .btn-use {
      font-family: 'Poppins-Bold';
      background: #efefef;
    border-radius: 31px;
    font-size: 13px;
       transform: scale(1);
    }
 .voucher-card .btn-use:hover {
      background: #efefef;
     transform: scale(1.2);
    }
   .dotted-line {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin: 10px 0;
  }
  .dot {
    width: 6px;
    height: 1px;
    background: #ccc;
    border-radius: 50%;
  }
   .dialog-window {
      max-width: 650px !important; 
      width: inherit;
    }
    .dialog-header h5{
       font-family: 'Poppins-Bold';
      font-size: 18px;
    }
    .dialog-body h3{
      font-family: 'Poppins-Bold';
      font-size: 26px;
      color: #1BBBB7;
    }
    .dialog-body p{
      font-size: 17px;
      color: #2e3138;
    }
    .valid{
      font-size: 18px;
      color: #9b9b9b;
    }
    .discount{
      font-size: 17px;
      color: #2e3138;
    }
  .accordion-button:focus,
    .accordion-button:active,
    .accordion-button:not(.collapsed) {
      box-shadow: none !important;
      outline: none !important;
      border: none !important;
    }



@media screen and (max-width:1366px){
.card .col-xl-2 {
    width: 19.666667%;
}
/* .bottom-home-chef {*/
/*    bottom: 16px;*/
/*}*/
}
@media screen and (max-width:1024px){
 .container-content{
max-width: 1329px;
}
#cartToggleBtn{
    display:none;
}
}
@media screen and (max-width:990px){
 .container-content{
max-width: 970px;
}
@media screen and (max-width:820px){
 .container-content{
padding: 0px 15px;
}
}



}
@media (max-width: 768px) {
      .dialog-window {
        max-width: 95%;
      }
      #cartToggleBtn{
          display:block;
      }
      #closeCart{
    display:block;
}
/* Sidebar hidden by default */
.cart-sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 89% !important;
  max-width: 400px;
  /*height: 100vh;*/
  background: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
  overflow-y: auto;
  transition: right 0.4s ease;
  z-index: 1050;
  padding:0px !important;
}
.summary {
    border-radius: 0px;
}

      .delivery-pickup {
     border: none; 
    box-shadow: none;
}

.cart-sidebar .close-cart-btn{
    top: 4px;
    left: 5px;
}
.profile-heading h5 {
    font-size: 16px;
}
.profile-heading p {
    font-size: 12px;
}
    }
@media (min-width: 768px) {
      .form-row-two {
        display: flex;
        gap: 20px;
      }

      .form-row-two .floating-label-group {
        flex: 1;
      }
      .sticky-sidebar{
        position: sticky;
        top: 90px;
      }
 .search-filter {
        position: sticky;
        top: 50px;
      }
      .box-content h4 {
    font-size: 17px;
}
.box-content p {
    font-size: 7px;
}
.box-content {
    padding: 16px;
}
    }

@media screen and (max-width:767px){
  .container-width {
    padding: 0px 12px;
}
.logo {
    margin-right: 0px;
}
.sm-mobile-info .nav-pills .nav-link {
    padding: 8px 20px !important;
}
.mobile-info .nav-pills .nav-link {
    padding: 8px 20px !important;
}
 .mt-s-1{
  margin-top: 10px;
 }
 .container-content{
 padding: 0px 15px;
}
main{
   height: 100vh;
    background: url('{{ asset('assets/images/banners web-06.jpg') }}') center / cover no-repeat;
}
main{
  height: inherit;
  padding: 50px 0px;
}
main h1{
    font-size: 21px !important;
}
main p{
    font-size: 10px !important;     
}   
.show{
  display: block;
}
.offcanvas .nav-link:hover {
    background-color: transparent;
}
.findHere-mbl{
  display: none !important;
}
.box-content p {
    font-size: 9px;
        margin: 0px;
}
.box-content h4 {
   font-size: 11px;
}
.box-content {
    padding: 18px;
    margin: 0px 25px;
}
.box-content{
  padding: 20px;
  margin: 0px 25px;
}
.daily-deals .rounded {
    margin: 7px;
}
.spacer{
  margin: 0px;
}
.restaurant{
  margin: 0 15px;
}
.card{
  margin: 16px 0px !important;
}
.info{
  display: none !important;
}

.search{
  display: none !important;
}
.profile-heading h5 {
    font-size: 14px;
}
.food-items{
  margin-left: 11px;
}
.food-items .slick-next{
display: none !important;
}
.food-items .slick-prev{
display: none !important;
}
.hide{
  display: none;
}
   .custom-radio-label {
      width: calc(100% - 229px);
    text-align: center;
    }
    .location-detail{
      margin-bottom: 30px;
    }
    .order-detail{
      margin-top: 0px;
    }
    .order-detail h4{
      font-size: 17px;
    }
   .order-detail .col-md-7 p{
    font-size: 11px;
}
.order-detail .col-5{
  padding: 0px;
}
.order-detail .col-md-7 h6 {
    font-size: 15px;
}
.order-detail button {
    font-size: 11px;
    padding: 0px 9px;
    height: 25px !important;
}
    .c1{
  margin-top: 0px;
}
.inner-categories h2 {
   hyphens: auto;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.modal-large{
  display: none;
}
.modal-small{
  display: block;
}
.order {
    font-size: 10px;
}
.activity-amount {
    padding: 7px 9px;
    font-size: 9px;
}
.anytime,.arrive{
  padding: 30px;
}
.amount-option {
    font-size: 18px;
    padding: 10px 0px;
}
.confirm-topUp {
    padding: 10px 0px !important;
    width: 100%;
}
   .inner-footer{
      display: block;
    }
    .footer-areas{
      margin-bottom: 0p;
    }
    
.search-restaurant{
  width:200px;  
}
 .bottom-footer{
        display:inherit;
    }
     .footer-logo {
      text-align:left;
    }
       .social-icons{
        text-align:left;
    }
 .social-contact-links{
     justify-content:start;
    }

}
 @media (max-width: 576px) {
      .order-card {
        flex-direction: column;
      }
      .order-right {
        align-items: flex-start !important;
        text-align: left !important;
        margin-top: 12px;
      }
    }