.section.breadcrumb-section {
  background-image: url("image/dishbg.jpg");
  background-position: 50%;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 200px;
}



      /* small page-specific tweaks only; core styling comes from about.css */
      .slider {
        position: relative; overflow: hidden; border-radius: 30px;
      }
      .slides {
        display: flex; transition: transform .6s cubic-bezier(.22,.61,.36,1);
      }
      .slide {
        min-width: 100%; height: 520px; position: relative;
      }
      .slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
      .slide-caption {
        position: absolute; left: 24px; bottom: 24px; right:24px;
        background: rgba(33,31,32,.65); border-radius: 18px; padding: 18px 22px;
      }
      .slider-nav {
        position:absolute; inset:auto 12px 12px auto; display:flex; gap:8px; z-index:5;
      }
      .slider-btn {
        background: var(--primary); color: var(--white); border:none; cursor:pointer;
        border-radius: 999px; padding:10px 14px; font-family: var(--title);
      }
      .dots { position:absolute; left:50%; transform:translateX(-50%); bottom:14px; display:flex; gap:8px; }
      .dot { width:10px; height:10px; border-radius:50%; background:#ffffff66; border:1px solid #fff; cursor:pointer; }
      .dot[aria-current="true"] { background:#fff; }

      .tag-chip {
        display:inline-flex; align-items:center; gap:6px; padding:8px 14px;
        border-radius: 999px; background:#ffffff12; border:1px solid #ffffff33;
        font-family: var(--title); text-transform: uppercase; cursor:pointer; user-select:none;
      }
      .tag-chip.is-active { background: var(--primary); border-color: var(--primary); }

      .card-grid {
        display:grid; grid-template-columns: repeat(3, 1fr); gap:24px;
      }
      @media (max-width: 991px){ .card-grid{ grid-template-columns: repeat(2,1fr);} }
      @media (max-width: 600px){ .card-grid{ grid-template-columns: 1fr; }.about-service-three-image {
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
     width: 430px; 
     height: 300px;
    overflow: hidden;
    transform: rotate(12deg);
} }

      .dish-card {
        background:#ffffff08; border:1px solid #ffffff1a; border-radius: 24px; overflow:hidden;
        transition: transform .3s ease, box-shadow .3s ease;
      }
      .dish-card:hover { transform: translateY(-4px); box-shadow: 0 14px 40px rgba(0,0,0,.35); }
      .dish-media { aspect-ratio: 4/3; overflow:hidden; }
      .dish-media img{ width:100%; height:100%; object-fit:cover; display:block; }
      .dish-body { padding:18px; }
      .dish-meta { font-size:14px; color:#ddd; margin-top:6px; }
      .pill { display:inline-block; background:#ffffff12; border:1px solid #ffffff2a; padding:4px 10px; border-radius:999px; margin-right:6px; font-size:12px; }

      .accordion summary { list-style:none; }
      .accordion summary::-webkit-details-marker { display:none; }
      .accordion summary .service-three-heading { position:relative; padding-right:36px; }
      .accordion summary .service-three-heading::after{
        content:"+"; position:absolute; right:0; top:0; font-weight:700;
      }
      .accordion[open] summary .service-three-heading::after{ content:"–"; }

      .lightbox {
        position: fixed; inset:0; background:rgba(0,0,0,.85); display:none; align-items:center; justify-content:center; z-index:9999;
      }
      .lightbox.open { display:flex; }
      .lightbox img { max-width:92vw; max-height:86vh; border-radius:12px; }
      .lightbox-close {
        position:absolute; top:16px; right:16px; background:#fff; color:#000; border:none; border-radius:999px; padding:8px 12px; cursor:pointer; font-weight:700;
      }

      .map-wrap{ position:relative; border-radius:24px; overflow:hidden; border:1px solid #ffffff22;}
      .map-wrap img{ display:block; width:70%; height:auto; }
      .map-pin{
        position:absolute; transform:translate(-50%,-100%); background:var(--primary); color:#fff; border:none;
        border-radius:12px; padding:6px 10px; cursor:pointer; font-family:var(--title); font-size:14px;
        box-shadow:0 10px 24px rgba(0,0,0,.35);
      }
      .pin-tooltip{
        position:absolute; transform:translate(-50%,8px); background:#211f20; color:#fff; border:1px solid #ffffff22;
        border-radius:12px; padding:10px 12px; font-size:14px; min-width:220px; display:none;
      }
      .map-pin:focus + .pin-tooltip, .map-pin:hover + .pin-tooltip { display:block; }

      .back-to-top{
        position:fixed; right:18px; bottom:18px; background:var(--primary); color:#fff;
        border:none; border-radius:999px; padding:12px 14px; cursor:pointer; display:none; z-index:999;
        box-shadow:0 12px 28px rgba(0,0,0,.35);
      }
      .back-to-top.show{ display:block; }

      /* reveal base (JS toggles inline styles) */
      .reveal { opacity:0; transform: translateY(20px); }
  .footer-logo {
    width: 63%;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.service-three-grid-block {
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
}