/* Smooth scrolling for links */
    html {
        scroll-behavior: smooth;
    }
    body {
      background-color: #f5f8fa;
      font-family: 'Nunito Sans', sans-serif;
    }
    .badge-warning {
      background-color: #ffc107;
      color: #000;
    }
    .menu-item {
      border-bottom: 1px solid #ddd;
      padding: 15px 0;
    }
    .menu-item img {
      width: 60px;
      height: 60px;
      object-fit: cover;
      border-radius: 50%;
    }
    .add-to-cart {
      min-width: 120px;
    }
    .order-card {
      background: linear-gradient(to bottom right, #216a3d, #ff7733);
      border-radius: 10px;
      color: white;
      padding: 20px;
    }
    .order-summary {
      background: #fff;
      padding: 10px;
      border-radius: 10px;
      color: #000;
      margin-bottom: 15px;
    }
    .restaurant-info {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      margin-bottom: 20px;
    }
    .restaurant-info h6 {
      font-weight: bold;
      color: #216a3d;
    }
    .nav-pills .nav-link {
      color: #000;
      border-radius: 0;
      border-bottom: 2px solid transparent;

    }
    .nav-pills .nav-link.active {
      color: #198754;
      background-color: transparent;
      border-bottom: 2px solid #198754;
      font-weight: bold;
    }
    .search-container {
      position: relative;
    }

    .search-input {
      height: 50px;
      border-radius: 30px;
      padding-left: 35px;
      border: none;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .search-icon {
      position: absolute;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      color: #888;
    }

    .btn-check:checked + .btn-outline-success {
    background-color: #198754;
    color: #fff;
    border-color: #198754;
    box-shadow: 0 0 0 0.15rem rgba(25, 135, 84, 0.3);
  }

  .btn-check:checked + .btn-outline-success .badge {
    background-color: #fff !important;
    color: #198754 !important;
    border-color: #fff !important;
  }

  .btn-outline-success {
    background-color: #fff;
    color: #096239;
    border: 1px solid #096239;
    transition: all 0.2s ease-in-out;
  }

  .transition-all {
    transition: all 0.2s ease-in-out;
  }

  .btn-sm .badge {
    font-size: 0.7rem;
    padding: 0.25em 0.5em;
  }

  .footer{
    background: #fff;
  }
  .contact-link{
    list-style: none;
    color: #096239;
  }

  a {
    text-decoration: none;
}
.login-page {
    width: 100%;
    height: 100vh;
    display: inline-block;
    display: flex;
    align-items: center;
}
.form-right i {
    font-size: 100px;
}