.listing-page-area .pages-contant .restaurant-listing-widget .contant {
  height: 100%;
}

.restaurant-listing-widget img {
  min-height: 250px;
  max-height: 250px;
  object-fit: cover;
}

.btn {
  border: none;
  border-radius: 5px;
  padding: 12px 20px;
  font-size: 16px;
  cursor: pointer;
  background-color: #282A35;
  color: white;
  position: relative;
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}

.ribbon {
  --r: .4em; /* control the ribbon shape (the radius) */
  --c: #E3AD40;

  position: absolute;
  top: 20px;
  right: calc(-1 * var(--r));
  line-height: 1.8;
  padding: 0 .5em calc(2 * var(--r));
  border-radius: 0 var(--r) var(--r) 0;
  background: radial-gradient(100% 50% at right, var(--c) 98%, #0000 101%) 0 0/.5lh calc(100% - 2 * var(--r)),
  radial-gradient(100% 50% at left, #0005 98%, #0000 101%) 100% 100%/var(--r) calc(2 * var(--r)),
  conic-gradient(from 180deg at calc(100% - var(--r)) calc(100% - 2 * var(--r)), #0000 25%, var(--c) 0) 100% 0/calc(101% - .5lh) 100%;
  background-repeat: no-repeat;
  z-index: 2
}

span.dropdown-group-title {
  background: lightgrey;
  cursor: auto !important;
}

span.dropdown-group-title:hover {
  background: lightgrey !important;
}